re-org variables

lib/variables.less

@@ -3,16 +3,15 @@
 // -----------------------------------------------------
 
 
-// LINK COLORS
-// -----------
 
+// GLOBAL VALUES
+// --------------------------------------------------
+
+// Links
 @linkColor:             #08c;
 @linkColorHover:        darken(@linkColor, 15);
 
-
-// GRAYS
-// -----
-
+// Grays
 @black:                 #000;
 @grayDark:              #333;
 @gray:                  #555;
@@ -20,10 +19,7 @@
 @grayLighter:           #eee;
 @white:                 #fff;
 
-
-// ACCENT COLORS
-// -------------
-
+// Accent colors
 @blue:                  #049CDB;
 @blueDark:              #0064CD;
 @green:                 #46a546;
@@ -33,42 +29,36 @@
 @pink:                  #c3325f;
 @purple:                #7a43b6;
 
-
-// GRID
-// ----
-
+// Grid system
 // Modify the grid styles in mixins.less
 @gridColumns:           12;
 @gridColumnWidth:       60px;
 @gridGutterWidth:       20px;
 @siteWidth:             (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
-
 // Fluid width sidebar
 @fluidSidebarWidth:     220px;
 
-
-// Z-INDEX
-// -------
-
-@zindexDropdown:        1000;
-@zindexPopover:         1010;
-@zindexTooltip:         1020;
-@zindexFixedNavbar:     1030;
-@zindexModalBackdrop:   1040;
-@zindexModal:           1050;
-
-
-// THEME VARIABLES
-// ---------------
-
 // Typography
 @baseFontSize:          13px;
 @baseFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
 @baseLineHeight:        18px;
 
-// Visuals
+// Buttons
 @primaryButtonColor:    @blue;
 
 
 
+// COMPONENT VARIABLES
+// --------------------------------------------------
+
+// Z-index master list
+// Used for a bird's eye view of components dependent on the z-axis
+@zindexDropdown:        1000;
+@zindexPopover:         1010;
+@zindexTooltip:         1020;
+@zindexFixedNavbar:     1030;
+@zindexModalBackdrop:   1040;
+@zindexModal:           1050;
+
+// Input placeholder text color
 @placeHolderText:       @grayLight;