Refactor Friday! Tidying up css, removing unused lines, adding comments and general good stuff.

app/assets/stylesheets/darkswarm/checkout.css.sass

@@ -1,13 +1,6 @@
 @import mixins
 @import branding
 
-@mixin h5-valid
-  h5
-    
-@mixin h5-invalid
-  h5
-    background: #ff0000
-
 checkout
   display: block
   
@@ -27,6 +20,8 @@ checkout
     padding: 0.65em
     background: #f7f7f7
   
+    // Logic to turn on & off the alerts for success against each fieldset
+
     label, label.alert, label.success, &.valid label.alert, &.dirty label.success 
       @include csstrans
       display: none
@@ -37,7 +32,6 @@ checkout
       display: none 
     &.valid label.success
       display: inline
-      @include h5-valid
 
   h5.dirty
     background: #f7ccc5
@@ -47,6 +41,7 @@ checkout
   orderdetails table tr th
     text-align: left
 
+  // Logic to swap out up / down accordion icons
 
   dd
     span.accordion-up
@@ -57,4 +52,5 @@ checkout
       span.accordion-up
         display: inline
       span.accordion-down
-        display: none
+        display: none
+

app/assets/stylesheets/darkswarm/header.css.sass

@@ -1,4 +1,3 @@
-/*body { background: #ff0000; }*/
 nav.top-bar
   margin-bottom: 0px
   a.icon

app/assets/stylesheets/darkswarm/home_panes.css.sass

@@ -1,6 +1,7 @@
 @import branding
 @import mixins
   
+// Styling for big panes on homepage
 
 #beta.pane
   @include lightbg

app/assets/stylesheets/darkswarm/home_tagline.css.sass

@@ -1,6 +1,8 @@
 @import branding
 @import mixins
 
+// Styling for brand intro / tagline on homepage
+
 #tagline
   background-color: black
   background-image: url("/assets/home/tagline-bg.jpg")

app/assets/stylesheets/darkswarm/login-modal.css.sass

@@ -1,3 +1,5 @@
+
+// Styling for login modal to style tabs
 .login-modal
   background: #efefef
   .tabs-content

app/assets/stylesheets/darkswarm/menu.css.sass

@@ -25,6 +25,7 @@ nav.top-bar a.icon i
 // Responsive 
 @media screen and (min-width: 1025px)
   body.off-canvas
+    // padding required to placehold for fixed menu bar
     padding-top: 45px
 @media screen and (max-width: 1025px)
   section.right 

app/assets/stylesheets/darkswarm/mixins.sass

@@ -1,6 +1,13 @@
 @import typography
 @import branding
 
+
+// Generic \\
+
+@mixin panepadding
+  padding-top: 100px
+  padding-bottom: 100px
+
 @mixin big-input 
   border: 1px solid #999
   font-size: 18px
@@ -12,9 +19,46 @@
 @mixin disabled
   color: $disabled-bright
 
-@mixin panepadding
-  padding-top: 100px
-  padding-bottom: 100px
+@mixin csstrans
+  -webkit-transition: all 100ms ease-in-out
+  -moz-transition: all 100ms ease-in-out
+  -ms-transition: all 100ms ease-in-out
+  -o-transition: all 100ms ease-in-out
+  transition: all 100ms ease-in-out
+  -webkit-transform-style: preserve-3d
+
+@mixin box-shadow($box-shadow)
+  -moz-box-shadow: $box-shadow
+  -webkit-box-shadow: $box-shadow
+  box-shadow: $box-shadow
+
+
+// Typography \\
+
+@mixin avenir
+  font-family: "AvenirBla_IE", "AvenirBla"
+
+@mixin textpress
+  text-shadow: 0 -1px 1px #111111,  0 1px 2px #222222
+
+@mixin textsoftpress
+  text-shadow: 0 0 3px rgba(0,0,0,0.35)
+
+// TO USE icon-font
+// Assign to :before or :after element
+// Assign content: "string"
+
+@mixin icon-font
+  font-family: "foundation-icons"
+  display: inline-block
+  font-weight: normal
+  font-style: normal
+  font-variant: normal
+  text-transform: none
+  font-size: 80%
+
+
+// Background options \\
 
 @mixin darkbg
   background-color: $clr-brick
@@ -59,38 +103,5 @@
   background-repeat: no-repeat
   background-size: 100% auto
 
-@mixin csstrans
-  -webkit-transition: all 100ms ease-in-out
-  -moz-transition: all 100ms ease-in-out
-  -ms-transition: all 100ms ease-in-out
-  -o-transition: all 100ms ease-in-out
-  transition: all 100ms ease-in-out
-  -webkit-transform-style: preserve-3d
 
-@mixin box-shadow($box-shadow)
-  -moz-box-shadow: $box-shadow
-  -webkit-box-shadow: $box-shadow
-  box-shadow: $box-shadow
-
-@mixin avenir
-  font-family: "AvenirBla_IE", "AvenirBla"
-
-@mixin textpress
-  text-shadow: 0 -1px 1px #111111,  0 1px 2px #222222
-
-@mixin textsoftpress
-  text-shadow: 0 0 3px rgba(0,0,0,0.35)
-
-// TO USE
-// Assign to :before or :after element
-// Assign content: "string"
-
-@mixin icon-font
-  font-family: "foundation-icons"
-  display: inline-block
-  font-weight: normal
-  font-style: normal
-  font-variant: normal
-  text-transform: none
-  font-size: 80%
 

app/assets/stylesheets/darkswarm/producer_node.css.sass

@@ -2,6 +2,7 @@
 
 .producers
   .active_table .active_table_node
+    
     //Open row
     &.open
       .active_table_row:first-child
@@ -20,6 +21,7 @@
         background-color: $clr-turquoise
         &:hover
           background-color: $clr-turquoise-bright 
+    
     //Closed row
     &.closed
       &, & *

app/assets/stylesheets/darkswarm/tabs.css.sass

@@ -26,7 +26,8 @@
     @media all and (max-width: 768px)
       line-height: inherit !important
   
-  // inactive link
+  // inactive nav link
+
   dl  
     dd
       border-top: 4px solid transparent
@@ -36,7 +37,8 @@
         visibility: hidden
         @include icon-font
   
-  // active link
+  // active nav link
+  
   dl
     dd.active
       border-top: 4px solid $clr-brick-bright
@@ -47,6 +49,8 @@
         visibility: visible
         @include icon-font
 
+  // content revealed in accordion
+
   .tabs-content
     margin-bottom: 0
     & > .content

app/assets/stylesheets/darkswarm/typography.css.sass

@@ -59,8 +59,6 @@ ul.ofn-list
 strong.avenir
   font-weight: normal // Avenir is basically bold anyway
 
-td
-  font-family: "helvetica"
   
 // These selectors match the default Foundation selectors
 // For clean overriden magic