diff options
Diffstat (limited to 'united/variables.less')
-rwxr-xr-x | united/variables.less | 102 |
1 files changed, 102 insertions, 0 deletions
diff --git a/united/variables.less b/united/variables.less new file mode 100755 index 00000000..d547e273 --- /dev/null +++ b/united/variables.less @@ -0,0 +1,102 @@ +// Variables.less +// Variables to customize the look and feel of Bootstrap +// Swatch: United +// ----------------------------------------------------- + + + +// GLOBAL VALUES +// -------------------------------------------------- + +// Links +@linkColor: #DD4814; +@linkColorHover: darken(@linkColor, 15%); + +// Grays +@black: #000; +@grayDarker: #222; +@grayDark: #333; +@gray: #555; +@grayLight: #999; +@grayLighter: #eee; +@white: #fff; + +// Accent colors +@blue: #19B6EE; +@blueDark: #0064cd; +@green: #38B44A; +@red: #DF382C; +@yellow: #EFB73E; +@orange: #DD4814; +@pink: #c3325f; +@purple: #772953; + +// Typography +@baseFontSize: 13px; +@baseFontFamily: 'Ubuntu', Tahoma, sans-serif; +@baseLineHeight: 18px; +@textColor: @grayDark; + +// 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: #DD4814; +@navbarBackgroundHighlight: #CE4213; + +@navbarText: @white; +@navbarLinkColor: @white; +@navbarLinkColorHover: @white; + +// Form states and alerts +@warningText: #ECA918; +@warningBackground: lighten(@warningText, 40%); +@warningBorder: darken(spin(@warningBackground, -10), 3%); + +@errorText: #DF382C; +@errorBackground: lighten(@errorText, 40%); +@errorBorder: darken(spin(@errorBackground, -10), 3%); + +@successText: #38B44A; +@successBackground: lighten(@successText, 40%); +@successBorder: darken(spin(@successBackground, -10), 5%); + +@infoText: #19B6EE; +@infoBackground: lighten(@infoText, 40%); +@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%; + + |