diff options
author | Thomas Park <thomas@thomaspark.me> | 2012-02-10 19:54:27 -0500 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2012-02-10 19:54:27 -0500 |
commit | e71fca26f54df8313bda1e41159b73fc1897ed86 (patch) | |
tree | 4fd89f5c00d5b3c1852cb95e15548f9815a633c6 /cerulean/variables.less | |
parent | a6084de5156775df12e05a06609c6b3452552d2c (diff) |
Added css and less files
Diffstat (limited to 'cerulean/variables.less')
-rwxr-xr-x | cerulean/variables.less | 100 |
1 files changed, 100 insertions, 0 deletions
diff --git a/cerulean/variables.less b/cerulean/variables.less new file mode 100755 index 00000000..f7da7a71 --- /dev/null +++ b/cerulean/variables.less @@ -0,0 +1,100 @@ +// Variables.less +// Variables to customize the look and feel of Bootstrap +// Swatch: Cerulean +// ----------------------------------------------------- + + + +// GLOBAL VALUES +// -------------------------------------------------- + +// Links +@linkColor: #369BD7; +@linkColorHover: darken(@linkColor, 15%); + +// Grays +@black: #000; +@grayDarker: #222; +@grayDark: #333; +@gray: #555; +@grayLight: #999; +@grayLighter: #eee; +@white: #fff; + +// Accent colors +@blue: #3E78B3; +@blueDark: #033C73; +@green: #73A839; +@red: #C71C22; +@yellow: #F7B42C; +@orange: #DD5600; +@pink: #F49AC1; +@purple: #9760B3; + +// Typography +@baseFontSize: 13px; +@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; +@baseLineHeight: 18px; +@textColor: @gray; + +// Buttons +@primaryButtonBackground: @linkColor; + + + +// COMPONENT VARIABLES +// -------------------------------------------------- + +// Z-index master list +// Used for a bird's eye view of components dependent on the z-axis +// Try to avoid customizing these :) +@zindexDropdown: 1000; +@zindexPopover: 1010; +@zindexTooltip: 1020; +@zindexFixedNavbar: 1030; +@zindexModalBackdrop: 1040; +@zindexModal: 1050; + +// Input placeholder text color +@placeholderText: @grayLight; + +// Navbar +@navbarHeight: 40px; +@navbarBackground: @linkColor; +@navbarBackgroundHighlight: lighten(@linkColor, 10%); + +@navbarText: @grayLighter; +@navbarLinkColor: @grayLighter; +@navbarLinkColorHover: @white; + +// Form states and alerts +@warningText: #908A62; +@warningBackground: #EDEBE1; +@warningBorder: darken(spin(@warningBackground, -10), 3%); + +@errorText: @pink; +@errorBackground: #EDDBE3; +@errorBorder: darken(spin(@errorBackground, -10), 3%); + +@successText: #565C4C; +@successBackground: #CDB; +@successBorder: darken(spin(@successBackground, -10), 5%); + +@infoText: #908A62; +@infoBackground: #EDEBE1; +@infoBorder: darken(spin(@infoBackground, -10), 7%); + + + +// GRID +// -------------------------------------------------- + +// Default 940px grid +@gridColumns: 12; +@gridColumnWidth: 60px; +@gridGutterWidth: 20px; +@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); + +// Fluid grid +@fluidGridColumnWidth: 6.382978723%; +@fluidGridGutterWidth: 2.127659574%; |