Update style sheet Haml comments

johndjameson · johndjameson · commit f7be331962b2 · 2015-12-05T20:23:07.000-05:00
diff --git a/client/stylesheets/components/_bucket.sass b/client/stylesheets/components/_bucket.sass
@@ -8,7 +8,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .bucket[flag]
+// .bucket[flag l]
 //
 //   .bucket-media
 //     / ...
diff --git a/client/stylesheets/components/_button.sass b/client/stylesheets/components/_button.sass
@@ -10,7 +10,7 @@
 //
 // .has-btn
 //
-// .btn[a|b s|l block bordered|rounded success]
+// .btn[...]
 //
 // *************************************
 
diff --git a/client/stylesheets/components/_cell.sass b/client/stylesheets/components/_cell.sass
@@ -7,7 +7,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .cell[s]
+// .cell[s|m]
 //   / ...
 //
 // *************************************
diff --git a/client/stylesheets/components/_form.sass b/client/stylesheets/components/_form.sass
@@ -12,8 +12,9 @@
 //   %fieldset.form-field[inline]
 //     .form-instruction
 //     %label.form-label
-//     %input.form-input[dark]
+//     %input.form-input[dark](invalid)
 //     %textarea.form-textarea
+//     .form-btn
 //
 // *************************************
 
diff --git a/client/stylesheets/components/_grid.sass b/client/stylesheets/components/_grid.sass
@@ -9,7 +9,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .g
+// .g[xs|s]
 //
 //   .g-b[center 1of2|...]
 //     / ...
diff --git a/client/stylesheets/components/_list.sass b/client/stylesheets/components/_list.sass
@@ -8,8 +8,9 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// %ul.list[divided inline|object styled|styled--numbered]
+// %ul.list[[f|s|l] divided[f|s|l] inline[divided|dotted]|object styled|styled--numbered]
 //   %li.list-item List Item
+//     .list-item-header
 //   %li.list-item List Item
 //
 // *************************************
diff --git a/client/stylesheets/components/_pillar.sass b/client/stylesheets/components/_pillar.sass
@@ -7,7 +7,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-//  .pillar
+//  .pillar[thin|thick l]
 //    / ...
 //
 // *************************************
diff --git a/client/stylesheets/components/_sector.sass b/client/stylesheets/components/_sector.sass
@@ -10,7 +10,10 @@
 // .has-sector
 //
 // .sector[a|b]
+//   .sector-content
+//
 // .sector[a|b]
+//   .sector-content
 //
 // *************************************
 
diff --git a/client/stylesheets/components/_well.sass b/client/stylesheets/components/_well.sass
@@ -7,7 +7,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .well[l|xs]
+// .well[s|l|m|xl]
 //   / ...
 //
 // *************************************
diff --git a/client/stylesheets/structures/_alert.sass b/client/stylesheets/structures/_alert.sass
@@ -7,7 +7,9 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .alert[error|success|warning]
+// .has-alert
+//
+// .alert[error|success|warning](dismissed)
 //
 //   .alert-msg
 //
diff --git a/client/stylesheets/structures/_completionList.sass b/client/stylesheets/structures/_completionList.sass
@@ -8,7 +8,8 @@
 // -------------------------------------
 //
 // %ul.completionList
-//   %li.completionList-item
+//   %li.completionList-item(active|completed)
+//     .completionList-item-icon
 //     %a.completionList-item-link
 //
 // *************************************
diff --git a/client/stylesheets/structures/_courseLayout.sass b/client/stylesheets/structures/_courseLayout.sass
@@ -7,9 +7,10 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// %html.courseLayout(active)
+// %html.courseLayout(active|loaded)
 //
 //   .courseLayout-header
+//     .courseLayout-header-content
 //     .courseLayout-header-toggle
 //
 //   .courseLayout-main
diff --git a/client/stylesheets/structures/_emblem.sass b/client/stylesheets/structures/_emblem.sass
@@ -8,6 +8,7 @@
 // -------------------------------------
 //
 // .emblem
+//   .emblem-content
 //   .emblem-item
 //
 // *************************************
diff --git a/client/stylesheets/structures/_externalLink.sass b/client/stylesheets/structures/_externalLink.sass
@@ -24,6 +24,8 @@
 //   Scaffolding
 // -------------------------------------
 
+// ----- Icon ----- //
+
 .externalLink-icon
   display: inline-block
   opacity: 0
diff --git a/client/stylesheets/structures/_heading.sass b/client/stylesheets/structures/_heading.sass
@@ -7,7 +7,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .h[1|2|3|4 light]
+// .h[1|2|3|4 light|semibold]
 //
 // *************************************
 
diff --git a/client/stylesheets/structures/_inlineConsole.sass b/client/stylesheets/structures/_inlineConsole.sass
@@ -9,8 +9,10 @@
 //
 // .inlineConsole(correct|incorrect)
 //
-//   .inlineConsole-icon
-//   .inlineConsole-input
+//   .inlineConsole-btn
+//   .inlineConsole-card
+//   .inlineConsole-icon(caret|check)
+//   %input.inlineConsole-input
 //
 // *************************************
 
diff --git a/client/stylesheets/structures/_label.sass b/client/stylesheets/structures/_label.sass
@@ -7,7 +7,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .label
+// .label[highlight|subdued](success)
 //
 // *************************************
 
diff --git a/client/stylesheets/structures/_layout.sass b/client/stylesheets/structures/_layout.sass
@@ -10,11 +10,14 @@
 // %html.layout(layout-header-fixed layout-primary-active)
 //   .layout-curtain
 //
+//   .layout-header
+//      / ...
+//
 //   .layout-primary
-//      // ...
+//      / ...
 //
 //   .layout-secondary
-//      // ...
+//      / ...
 //
 // *************************************
 
diff --git a/client/stylesheets/structures/_link.sass b/client/stylesheets/structures/_link.sass
@@ -8,7 +8,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// .link[bordered inverted|muted]
+// .link[bordered error|inverted]
 //
 // *************************************
 
diff --git a/client/stylesheets/structures/_newsletter.sass b/client/stylesheets/structures/_newsletter.sass
@@ -7,22 +7,15 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// (.has-newsletter)
-//
-// .newsletter[modifier](state)
-//   .newsletter-scaffolding
+// .newsletter(submitted)
+//   .newsletter-form
+//   .newsletter-text
 //
 // *************************************
 
 .newsletter
   position: relative
 
-// -------------------------------------
-//   Modifiers
-// -------------------------------------
-
-// .newsletter--modifier
-
 // -------------------------------------
 //   States
 // -------------------------------------
@@ -34,12 +27,6 @@
   .newsletter-form
     opacity: 0
 
-// -------------------------------------
-//   Context
-// -------------------------------------
-
-// .has-newsletter
-
 // -------------------------------------
 //   Scaffolding
 // -------------------------------------
@@ -79,4 +66,3 @@
   to
     opacity: 1
     transform: translate(-50%, -50%)
-
diff --git a/client/stylesheets/structures/_preloader.sass b/client/stylesheets/structures/_preloader.sass
@@ -28,12 +28,22 @@ $preloader-progress-item-size: 30px
 //   Scaffolding
 // -------------------------------------
 
+// ----- Image ----- //
+
+.preloader-img
+  display: inline-block
+  margin-left: 100px
+
+// ----- Progress ----- //
+
 .preloader-progress
   @extend .clearfix
   position: absolute
   top: 89px // FIXME: Magic number!
   width: 300px
 
+// Item
+
 .preloader-progress-item
   animation: preloader-progress-item $preloader-progress-item-duration ease-in-out infinite alternate
   background: $capeCod
@@ -51,10 +61,6 @@ $preloader-progress-item-size: 30px
     &:nth-child(#{$index})
       animation-delay: -($preloader-progress-item-duration - ($preloader-progress-item-delay * $index))
 
-.preloader-img
-  display: inline-block
-  margin-left: 100px
-
 // -------------------------------------
 //   Animations
 // -------------------------------------
diff --git a/client/stylesheets/structures/_state.sass b/client/stylesheets/structures/_state.sass
@@ -7,7 +7,7 @@
 //   Template (Haml)
 // -------------------------------------
 //
-// (hidden)
+// (added|hidden)
 //
 // *************************************
 
diff --git a/client/stylesheets/structures/_video.sass b/client/stylesheets/structures/_video.sass
@@ -10,6 +10,10 @@
 // (video-playing)
 //
 // .video
+//   .video-close
+//   .video-embed
+//
+// .video-overlay
 //
 // *************************************
 
