2 // Variables to customize the look and feel of Bootstrap
4 // -----------------------------------------------------
8 // -----------------------------------------------------
10 @baseBackgroundColor: #FAFAFC;
15 // --------------------------------------------------
18 @linkColor: @textColor;
19 @linkColorHover: @gray;
32 @blueDark: darken(@blue, 15%);
42 @baseFontFamily: 'Open Sans', sans-serif;
43 @baseLineHeight: 18px;
44 @textColor: @grayDarker;
47 @primaryButtonBackground: @linkColor;
51 // COMPONENT VARIABLES
52 // --------------------------------------------------
54 // Z-index master list
55 // Used for a bird's eye view of components dependent on the z-axis
56 // Try to avoid customizing these :)
57 @zindexDropdown: 1000;
60 @zindexFixedNavbar: 1030;
61 @zindexModalBackdrop: 1040;
65 @iconSpritePath: "../img/glyphicons-halflings.png";
66 @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
68 // Input placeholder text color
69 @placeholderText: @grayLight;
72 @hrBorder: @grayLighter;
76 @navbarBackground: @baseBackgroundColor;
77 @navbarBackgroundHighlight: @navbarBackground;
78 @navbarLinkBackgroundHover: transparent;
80 @navbarText: @textColor;
81 @navbarLinkColor: @linkColor;
82 @navbarLinkColorHover: @linkColor;
84 // Form states and alerts
85 @warningText: #c09853;
86 @warningBackground: #fcf8e3;
87 @warningBorder: darken(spin(@warningBackground, -10), 3%);
90 @errorBackground: #f2dede;
91 @errorBorder: darken(spin(@errorBackground, -10), 3%);
93 @successText: #468847;
94 @successBackground: #dff0d8;
95 @successBorder: darken(spin(@successBackground, -10), 5%);
98 @infoBackground: #d9edf7;
99 @infoBorder: darken(spin(@infoBackground, -10), 7%);
104 // --------------------------------------------------
106 // Default 940px grid
108 @gridColumnWidth: 60px;
109 @gridGutterWidth: 20px;
110 @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
113 @fluidGridColumnWidth: 6.382978723%;
114 @fluidGridGutterWidth: 2.127659574%;