diff options
author | Thomas Park <thomas@thomaspark.me> | 2012-08-21 23:40:47 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2012-08-21 23:40:47 -0400 |
commit | 406630031a5f8c7b44c26f70534ead455fa69f7f (patch) | |
tree | b734071327a0c7b71d82e75bbeecabefc1e53e98 /readable/variables.less | |
parent | 3a09fbc1f8933a47beadc9f56718f4eec58cc89e (diff) |
update to bootstrap 2.1.0
Diffstat (limited to 'readable/variables.less')
-rwxr-xr-x | readable/variables.less | 109 |
1 files changed, 91 insertions, 18 deletions
diff --git a/readable/variables.less b/readable/variables.less index 205ca856..29af5c83 100755 --- a/readable/variables.less +++ b/readable/variables.less @@ -1,10 +1,11 @@ -// Variables.less -// Variables to customize the look and feel of Bootstrap +// +// Variables // Swatch: Readable -// Version: 2.0.4 -// ----------------------------------------------------- +// Version: 2.1.0 +// -------------------------------------------------- + -// GLOBAL VALUES +// Global values // -------------------------------------------------- @@ -33,7 +34,7 @@ // Scaffolding // ------------------------- -@bodyBackground: #FDFDFA; +@bodyBackground: #FDFDFC; @textColor: #090000; @@ -104,12 +105,17 @@ // ------------------------- @dropdownBackground: @white; @dropdownBorder: rgba(0,0,0,.2); -@dropdownLinkColor: @linkColor; -@dropdownLinkColorHover: @linkColorHover; -@dropdownLinkBackgroundHover: transparent; @dropdownDividerTop: #e5e5e5; @dropdownDividerBottom: @white; +@dropdownLinkColor: @linkColor; + +@dropdownLinkColorHover: @linkColorHover; +@dropdownLinkBackgroundHover: rgba(255,255,255,0); + +@dropdownLinkColorActive: @dropdownLinkColor; +@dropdownLinkBackgroundActive: @linkColor; + // COMPONENT VARIABLES @@ -121,7 +127,7 @@ // Try to avoid customizing these :) @zindexDropdown: 1000; @zindexPopover: 1010; -@zindexTooltip: 1020; +@zindexTooltip: 1030; @zindexFixedNavbar: 1030; @zindexModalBackdrop: 1040; @zindexModal: 1050; @@ -143,25 +149,55 @@ @hrBorder: @grayLighter; +// Wells +// ------------------------- +@wellBackground: @white; + + // Navbar // ------------------------- +@navbarCollapseWidth: 979px; + @navbarHeight: 40px; @navbarBackground: @bodyBackground; @navbarBackgroundHighlight: @bodyBackground; +@navbarBorder: darken(@navbarBackground, 12%); @navbarText: @textColor; @navbarLinkColor: @linkColor; -@navbarLinkColorHover: @linkColorHover; -@navbarLinkColorActive: @linkColorHover; +@navbarLinkColorHover: @linkColor; +@navbarLinkColorActive: @linkColor; @navbarLinkBackgroundHover: transparent; @navbarLinkBackgroundActive: @navbarBackground; -@navbarSearchBackground: lighten(@navbarBackground, 25%); -@navbarSearchBackgroundFocus: @white; -@navbarSearchBorder: darken(@navbarSearchBackground, 30%); -@navbarSearchPlaceholderColor: #ccc; @navbarBrandColor: @navbarLinkColor; +// Inverted navbar +@navbarInverseBackground: @linkColor; +@navbarInverseBackgroundHighlight: lighten(@linkColor, 3%); +@navbarInverseBorder: darken(@linkColor, 3%); + +@navbarInverseText: @grayLighter; +@navbarInverseLinkColor: @grayLighter; +@navbarInverseLinkColorHover: @white; +@navbarInverseLinkColorActive: @white; +@navbarInverseLinkBackgroundHover: transparent; +@navbarInverseLinkBackgroundActive: @navbarInverseBackground; + +@navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); +@navbarInverseSearchBackgroundFocus: @white; +@navbarInverseSearchBorder: @navbarInverseBackground; +@navbarInverseSearchPlaceholderColor: @grayLighter; + +@navbarInverseBrandColor: @navbarInverseLinkColor; + + +// Pagination +// ------------------------- +@paginationBackground: #fff; +@paginationBorder: #ddd; +@paginationActiveBackground: #f5f5f5; + // Hero unit // ------------------------- @@ -189,10 +225,28 @@ @infoBorder: darken(spin(@infoBackground, -10), 7%); +// Tooltips and popovers +// ------------------------- +@tooltipColor: #fff; +@tooltipBackground: #000; +@tooltipArrowWidth: 5px; +@tooltipArrowColor: @tooltipBackground; + +@popoverBackground: #fff; +@popoverArrowWidth: 10px; +@popoverArrowColor: #fff; +@popoverTitleBackground: darken(@popoverBackground, 3%); + +// Special enhancement for popovers +@popoverArrowOuterWidth: @popoverArrowWidth + 1; +@popoverArrowOuterColor: rgba(0,0,0,.25); + + // GRID // -------------------------------------------------- + // Default 940px grid // ------------------------- @gridColumns: 12; @@ -200,7 +254,26 @@ @gridGutterWidth: 20px; @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); +// 1200px min +@gridColumnWidth1200: 70px; +@gridGutterWidth1200: 30px; +@gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); + +// 768px-979px +@gridColumnWidth768: 42px; +@gridGutterWidth768: 20px; +@gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); + + // Fluid grid // ------------------------- -@fluidGridColumnWidth: 6.382978723%; -@fluidGridGutterWidth: 2.127659574%; +@fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); +@fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); + +// 1200px min +@fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); +@fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); + +// 768px-979px +@fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); +@fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); |