2 // Variables to customize the look and feel of Bootstrap
4 // -----------------------------------------------------
9 // --------------------------------------------------
13 @linkColorHover: darken(@linkColor, 15%);
36 @baseFontFamily: 'Ubuntu', Tahoma, sans-serif;
37 @baseLineHeight: 18px;
38 @textColor: @grayDark;
41 @primaryButtonBackground: @linkColor;
45 // COMPONENT VARIABLES
46 // --------------------------------------------------
48 // Z-index master list
49 // Used for a bird's eye view of components dependent on the z-axis
50 // Try to avoid customizing these :)
51 @zindexDropdown: 1000;
54 @zindexFixedNavbar: 1030;
55 @zindexModalBackdrop: 1040;
59 @iconSpritePath: "../img/glyphicons-halflings.png";
60 @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
62 // Input placeholder text color
63 @placeholderText: @grayLight;
66 @hrBorder: @grayLighter;
70 @navbarBackground: #DD4814;
71 @navbarBackgroundHighlight: #CE4213;
72 @navbarLinkBackgroundHover: transparent;
75 @navbarLinkColor: @white;
76 @navbarLinkColorHover: @white;
78 // Form states and alerts
79 @warningText: #ECA918;
80 @warningBackground: lighten(@warningText, 40%);
81 @warningBorder: darken(spin(@warningBackground, -10), 3%);
84 @errorBackground: lighten(@errorText, 40%);
85 @errorBorder: darken(spin(@errorBackground, -10), 3%);
87 @successText: #38B44A;
88 @successBackground: lighten(@successText, 40%);
89 @successBorder: darken(spin(@successBackground, -10), 5%);
92 @infoBackground: lighten(@infoText, 40%);
93 @infoBorder: darken(spin(@infoBackground, -10), 7%);
98 // --------------------------------------------------
100 // Default 940px grid
102 @gridColumnWidth: 60px;
103 @gridGutterWidth: 20px;
104 @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
107 @fluidGridColumnWidth: 6.382978723%;
108 @fluidGridGutterWidth: 2.127659574%;