all: add horizontalComponentOffset, better match variables.less, closes #34, thanks...
[bootswatch] / readable / variables.less
index 29af5c8..743426e 100755 (executable)
@@ -1,10 +1,8 @@
-//
 // Variables
 // Swatch: Readable
-// Version: 2.1.0
+// Version: 2.1.1
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -12,7 +10,7 @@
 // Grays
 // -------------------------
 @black:                 #000;
-@grayDarker:            #222;
+@grayDarker:            #282828;
 @grayDark:              #333;
 @gray:                  #777;
 @grayLight:             #999;
@@ -34,8 +32,8 @@
 
 // Scaffolding
 // -------------------------
-@bodyBackground:        #FDFDFC;
-@textColor:             #090000;
+@bodyBackground:        #FAFDFA;
+@textColor:             @grayDarker;
 
 
 // Links
 // Typography
 // -------------------------
 @sansFontFamily:        "Helvetica Neue", Helvetica, Arial, sans-serif;
-@serifFontFamily:       Georgia, "Times New Roman", Times, serif;
+@serifFontFamily:       Palatino, Georgia, "Times New Roman", Times, serif;
 @monoFontFamily:        Menlo, Monaco, Consolas, "Courier New", monospace;
 
-@baseFontSize:          17px;
+@baseFontSize:          16px;
 @baseFontFamily:        @serifFontFamily;
-@baseLineHeight:        1.3em;
+@baseLineHeight:        1.4em;
 @altFontFamily:         @serifFontFamily;
 
 @headingsFontFamily:    inherit; // empty to use BS default, @baseFontFamily
 @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;
 @dropdownDividerBottom:         @white;
 
 @dropdownLinkColor:             @linkColor;
-
 @dropdownLinkColorHover:        @linkColorHover;
-@dropdownLinkBackgroundHover:   rgba(255,255,255,0);
-
 @dropdownLinkColorActive:       @dropdownLinkColor;
+
 @dropdownLinkBackgroundActive:  @linkColor;
+@dropdownLinkBackgroundHover:   rgba(255,255,255,0);
 
 
 
 @hrBorder:                @grayLighter;
 
 
+// Horizontal forms & lists
+// -------------------------
+@horizontalComponentOffset:       180px;
+
+
 // Wells
 // -------------------------
 @wellBackground:                  @white;
 // -------------------------
 @navbarCollapseWidth:             979px;
 
-@navbarHeight:                    40px;
+@navbarHeight:                    50px;
 @navbarBackground:                @bodyBackground;
 @navbarBackgroundHighlight:       @bodyBackground;
 @navbarBorder:                    darken(@navbarBackground, 12%);
 
 @navbarText:                      @textColor;
-@navbarLinkColor:                 @linkColor;
+@navbarLinkColor:                 @textColor;
 @navbarLinkColorHover:            @linkColor;
 @navbarLinkColorActive:           @linkColor;
 @navbarLinkBackgroundHover:       transparent;