diff options
Diffstat (limited to 'spruce/variables.less')
-rwxr-xr-x | spruce/variables.less | 28 |
1 files changed, 25 insertions, 3 deletions
diff --git a/spruce/variables.less b/spruce/variables.less index 1bd6cdbb..d8afc16f 100755 --- a/spruce/variables.less +++ b/spruce/variables.less @@ -1,8 +1,8 @@ +// Spruce 2.2.1 // Variables -// Swatch: Spruce -// Version: 2.1.1 // -------------------------------------------------- + // Global values // -------------------------------------------------- @@ -57,6 +57,24 @@ @headingsFontWeight: 700; // instead of browser default, bold @headingsColor: #F5F3DC; // empty to use BS default, @textColor + +// Component sizing +// ------------------------- +// Based on 14px font-size and 20px line-height + +@fontSizeLarge: @baseFontSize * 1.25; // ~18px +@fontSizeSmall: @baseFontSize * 0.85; // ~12px +@fontSizeMini: @baseFontSize * 0.75; // ~11px + +@paddingLarge: 11px 19px; // 44px +@paddingSmall: 2px 10px; // 26px +@paddingMini: 1px 6px; // 24px + +@baseBorderRadius: 4px; +@borderRadiusLarge: 6px; +@borderRadiusSmall: 3px; + + // Tables // ------------------------- @tableBackground: #C3C7AE; // overall background-color @@ -93,9 +111,11 @@ // ------------------------- @inputBackground: @white; @inputBorder: #ccc; -@inputBorderRadius: 3px; +@inputBorderRadius: @baseBorderRadius; @inputDisabledBackground: @grayLighter; @formActionsBackground: transparent; +@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border + // Dropdowns // ------------------------- @@ -116,6 +136,7 @@ // COMPONENT VARIABLES // -------------------------------------------------- + // Z-index master list // ------------------------- // Used for a bird's eye view of components dependent on the z-axis @@ -157,6 +178,7 @@ // Navbar // ------------------------- @navbarCollapseWidth: 979px; +@navbarCollapseDesktopWidth: @navbarCollapseWidth + 1; @navbarHeight: 50px; @navbarBackgroundHighlight: @navbarBackground; |