Created headers in SCSS to break things out more in the CSS file

This commit is contained in:
Barry Clark 2014-06-01 18:04:41 -04:00
parent f26465023e
commit 0dae8f2e64
4 changed files with 26 additions and 9 deletions

View file

@ -1,3 +1,8 @@
/***********************/
/* SYNTAX HIGHLIGHTING */
/***********************/
.highlight { .highlight {
background-color: $darkerGray; background-color: $darkerGray;
padding: 5px 10px; padding: 5px 10px;

View file

@ -1,7 +1,7 @@
// /***************/
// RESET /* MEYER RESET */
// /***************/
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,

View file

@ -8,9 +8,9 @@
@import "_highlights"; @import "_highlights";
// TODO - Tempted to move this to the end of the file, so that it shows up at the end of the .css. Or remove it entirely and find a better way to include highlighting. // TODO - Tempted to move this to the end of the file, so that it shows up at the end of the .css. Or remove it entirely and find a better way to include highlighting.
// /*/
// BASE RULES /* BASE RULES
// /*/
html { html {
font-size: 100%; font-size: 100%;
@ -139,9 +139,9 @@ img {
clear: both; clear: both;
} }
// /*/
// LAYOUT / SECTIONS /* LAYOUT / SECTIONS
// /*/
// //
// .masthead // .masthead

View file

@ -1,3 +1,6 @@
/***************/
/* MEYER RESET */
/***************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -27,6 +30,9 @@ table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; } border-spacing: 0; }
/***********************/
/* SYNTAX HIGHLIGHTING */
/***********************/
.highlight { .highlight {
background-color: #222222; background-color: #222222;
padding: 5px 10px; padding: 5px 10px;
@ -314,6 +320,9 @@ code {
color: #2aa198; } color: #2aa198; }
/* Literal.Number.Integer.Long */ /* Literal.Number.Integer.Long */
/*/
/* BASE RULES
/*/
html { html {
font-size: 100%; } font-size: 100%; }
@ -410,6 +419,9 @@ img {
.clearfix:after { .clearfix:after {
clear: both; } clear: both; }
/*/
/* LAYOUT / SECTIONS
/*/
.wrapper-masthead { .wrapper-masthead {
margin-bottom: 40px; } margin-bottom: 40px; }