all: add horizontalComponentOffset, better match variables.less, closes #34, thanks @prymitive

11 files changed, 89 insertions, 85 deletions

diff --git a/amelia/variables.less b/amelia/variables.less
index 57de0500..64e57f2d 100755
--- a/amelia/variables.less
+++ b/amelia/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Amelia
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    normal;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   lighten(#147E88, 10%); // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              rgba(255, 255, 255, 0.4); // for hover
 @tableBorder:                       lighten(#147E88, 12%); // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @grayLighter;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @grayDark;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @red;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @red;
+@dropdownLinkBackgroundHover:   @red;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                transparent;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  #3CB9C6;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    50px;
-@navbarBackground:                @red;
 @navbarBackgroundHighlight:       @red;
+@navbarBackground:                @red;
 @navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @white;
diff --git a/cerulean/variables.less b/cerulean/variables.less
index 64f77243..5dc256a2 100755
--- a/cerulean/variables.less
+++ b/cerulean/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Cerulean
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // GLOBAL VALUES
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         #317EAC; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              #f5f5f5; // for hover
 @tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @grayDark;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  #f5f5f5;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    50px;
-@navbarBackground:                @blue;
 @navbarBackgroundHighlight:       lighten(@navbarBackground, 8%);
+@navbarBackground:                @blue;
 @navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @grayLighter;
diff --git a/cyborg/variables.less b/cyborg/variables.less
index 318ad31c..41d5e854 100755
--- a/cyborg/variables.less
+++ b/cyborg/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Cyborg
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    normal;    // instead of browser default, bold
 @headingsColor:         @white; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              @grayDark; // for hover
 @tableBorder:                       #222; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     darken(@gray, 20%);
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         #222;
 
 @dropdownLinkColor:             @textColor;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @linkColor;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   @linkColor;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @gray;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  #131517;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    40px;
-@navbarBackground:                @grayDarker;
 @navbarBackgroundHighlight:       @grayDarker;
+@navbarBackground:                @grayDarker;
 @navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @grayLight;
diff --git a/journal/variables.less b/journal/variables.less
index c2181d9f..275222f2 100755
--- a/journal/variables.less
+++ b/journal/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Journal
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         @black; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              @grayLighter; // for hover
 @tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @grayLighter;
 
 @dropdownLinkColor:             @headingsColor;
-
 @dropdownLinkColorHover:        @headingsColor;
-@dropdownLinkBackgroundHover:   @grayLighter;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @dropdownLinkBackgroundHover;
+@dropdownLinkBackgroundHover:   @grayLighter;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  @grayLighter;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    60px;
-@navbarBackground:                @bodyBackground;
 @navbarBackgroundHighlight:       @bodyBackground;
+@navbarBackground:                @bodyBackground;
 @navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @textColor;
diff --git a/readable/variables.less b/readable/variables.less
index 081dd1f9..743426e8 100755
--- a/readable/variables.less
+++ b/readable/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Readable
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              darken(@bodyBackground, 4%); // for hover
 @tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @linkColor;
-
 @dropdownLinkColorHover:        @linkColorHover;
-@dropdownLinkBackgroundHover:   rgba(255,255,255,0);
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   rgba(255,255,255,0);
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  @white;
diff --git a/simplex/variables.less b/simplex/variables.less
index d358b4a3..51be48f5 100755
--- a/simplex/variables.less
+++ b/simplex/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Simplex
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              #f5f5f5; // for hover
 @tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @textColor;
-
 @dropdownLinkColorHover:        @textColor;
-@dropdownLinkBackgroundHover:   #FBEBE9;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   #FBEBE9;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  @white;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    40px;
-@navbarBackground:                #fefefe;
 @navbarBackgroundHighlight:       @navbarBackground;
+@navbarBackground:                #fefefe;
 @navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @gray;
diff --git a/slate/variables.less b/slate/variables.less
index d0649ea0..2d0b0588 100755
--- a/slate/variables.less
+++ b/slate/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Slate
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              @grayDark; // for hover
 @tableBorder:                       darken(@grayDarker, 5%); // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         darken(@grayDarker, 5%);
 
 @dropdownLinkColor:             @grayLight;
-
 @dropdownLinkColorHover:        @grayLighter;
-@dropdownLinkBackgroundHover:   @grayDarker;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @grayDarker;
+@dropdownLinkBackgroundHover:   @grayDarker;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  darken(@grayDarker, 3%);
diff --git a/spacelab/variables.less b/spacelab/variables.less
index b736afef..b1c5d7ad 100755
--- a/spacelab/variables.less
+++ b/spacelab/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Spacelab
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    normal;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              #f5f5f5; // for hover
 @tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @textColor;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  #f5f5f5;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    40px;
-@navbarBackground:                @grayLight;
 @navbarBackgroundHighlight:       #eee;
+@navbarBackground:                @grayLight;
 @navbarBorder:                    darken(@navbarBackground, 5%);
 
 @navbarText:                      @textColor;
diff --git a/spruce/variables.less b/spruce/variables.less
index b781f138..1bd6cdbb 100755
--- a/spruce/variables.less
+++ b/spruce/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Spruce
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    700;    // instead of browser default, bold
 @headingsColor:         #F5F3DC; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   #C3C7AE; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              darken(#C3C7AE, 10%); // for hover
 @tableBorder:                       @headingsColor; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @bodyBackground;
 
 @dropdownLinkColor:             @grayDark;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   darken(@bodyBackground, 10%);
-
 @dropdownLinkColorActive:       @dropdownLinkColorHover;
+
 @dropdownLinkBackgroundActive:  @dropdownLinkBackgroundHover;
+@dropdownLinkBackgroundHover:   darken(@bodyBackground, 10%);
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @linkColor;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  darken(@bodyBackground, 10%);
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    50px;
-@navbarBackground:                @blueDark;
 @navbarBackgroundHighlight:       @navbarBackground;
+@navbarBackground:                @blueDark;
 @navbarBorder:                    darken(@navbarBackground, 5%);
 
 @navbarText:                      @grayLight;
diff --git a/superhero/variables.less b/superhero/variables.less
index 01c64320..1ee33fbd 100755
--- a/superhero/variables.less
+++ b/superhero/variables.less
@@ -1,9 +1,11 @@
-//
 // Variables
 // Swatch: Superhero
 // Version: 2.1.1
 // --------------------------------------------------
 
+// Global values
+// --------------------------------------------------
+
 
 // Grays
 // -------------------------
@@ -55,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         @orange; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   darken(@blue, 3%); // overall background-color
@@ -63,7 +64,6 @@
 @tableBackgroundHover:              lighten(@blue, 5%); // for hover
 @tableBorder:                       transparent; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -105,12 +105,11 @@
 @dropdownDividerBottom:         @blue;
 
 @dropdownLinkColor:             @textColor;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
 
 
 
@@ -145,6 +144,11 @@
 @hrBorder:                transparent;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  @blue;
@@ -155,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    70px;
-@navbarBackground:                @blueDark;
 @navbarBackgroundHighlight:       @navbarBackground;
+@navbarBackground:                @blueDark;
 @navbarBorder:                    darken(@navbarBackground, 5%);
 
 @navbarText:                      @grayLight;
diff --git a/united/variables.less b/united/variables.less
index cd37d746..fba53b41 100755
--- a/united/variables.less
+++ b/united/variables.less
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: United
 // Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -59,7 +57,6 @@
 @headingsFontWeight:    bold;    // instead of browser default, bold
 @headingsColor:         inherit; // empty to use BS default, @textColor
 
-
 // Tables
 // -------------------------
 @tableBackground:                   transparent; // overall background-color
@@ -67,7 +64,6 @@
 @tableBackgroundHover:              #f5f5f5; // for hover
 @tableBorder:                       #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 @btnBackground:                     @white;
@@ -109,12 +105,11 @@
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @linkColor;
-
 @dropdownLinkColorHover:        @white;
-@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   @dropdownLinkBackgroundActive;
 
 
 
@@ -149,6 +144,11 @@
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  #f5f5f5;
@@ -159,8 +159,8 @@
 @navbarCollapseWidth:             979px;
 
 @navbarHeight:                    40px;
-@navbarBackground:                @orange;
 @navbarBackgroundHighlight:       #CE4213;
+@navbarBackground:                @orange;
 @navbarBorder:                    darken(@navbarBackground, 5%);
 
 @navbarText:                      @white;