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

barryclark · barryclark · commit 0dae8f2e64ef · 2014-06-01T18:04:41.000-04:00
diff --git a/scss/_highlights.scss b/scss/_highlights.scss
@@ -1,3 +1,8 @@
+
+/***********************/
+/* SYNTAX HIGHLIGHTING */
+/***********************/
+
 .highlight { 
   background-color: $darkerGray;
   padding: 5px 10px;
diff --git a/scss/_reset.scss b/scss/_reset.scss
@@ -1,7 +1,7 @@
 
-//
-// RESET
-//
+/***************/
+/* MEYER RESET */
+/***************/
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
diff --git a/scss/style.scss b/scss/style.scss
@@ -8,9 +8,9 @@
 @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. 
 
-//
-// BASE RULES
-//
+/*/
+/* BASE RULES
+/*/
 
 html {
   font-size: 100%;
@@ -139,9 +139,9 @@ img {
     clear: both;
 }
 
-//
-// LAYOUT / SECTIONS
-//
+/*/
+/* LAYOUT / SECTIONS
+/*/
 
 //
 // .masthead
diff --git a/style.css b/style.css
@@ -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 {
   margin: 0;
   padding: 0;
@@ -27,6 +30,9 @@ table {
   border-collapse: collapse;
   border-spacing: 0; }
 
+/***********************/
+/* SYNTAX HIGHLIGHTING */
+/***********************/
 .highlight {
   background-color: #222222;
   padding: 5px 10px;
@@ -314,6 +320,9 @@ code {
   color: #2aa198; }
 
 /* Literal.Number.Integer.Long */
+/*/
+/* BASE RULES
+/*/
 html {
   font-size: 100%; }
 
@@ -410,6 +419,9 @@ img {
 .clearfix:after {
   clear: both; }
 
+/*/
+/* LAYOUT / SECTIONS
+/*/
 .wrapper-masthead {
   margin-bottom: 40px; }
 
