2 // Variables to customize the look and feel of Bootstrap
4 // -----------------------------------------------------
8 // --------------------------------------------------
12 @linkColorHover: #4183C4;
35 @baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
36 @baseLineHeight: 18px;
37 @textColor: @grayDark;
40 @primaryButtonBackground: @linkColor;
44 // COMPONENT VARIABLES
45 // --------------------------------------------------
47 // Z-index master list
48 // Used for a bird's eye view of components dependent on the z-axis
49 // Try to avoid customizing these :)
50 @zindexDropdown: 1000;
53 @zindexFixedNavbar: 1030;
54 @zindexModalBackdrop: 1040;
58 @iconSpritePath: "../img/glyphicons-halflings.png";
59 @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png";
61 // Input placeholder text color
62 @placeholderText: @grayLight;
65 @hrBorder: @grayLighter;
69 @navbarBackground: #EAEAEA;
70 @navbarBackgroundHighlight: lighten(@navbarBackground, 15%);
71 @navbarLinkBackgroundHover: transparent;
73 @navbarText: @grayDarker;
74 @navbarLinkColor: @grayDarker;
75 @navbarLinkColorHover: @linkColor;
77 // Form states and alerts
78 @warningText: #393939;
79 @warningBackground: #F5F3B4;
80 @warningBorder: darken(spin(@warningBackground, -10), 3%);
82 @errorText: @warningText;
83 @errorBackground: #FFE9E9;
84 @errorBorder: darken(spin(@errorBackground, -10), 3%);
87 @successBackground: #BEDEBE;
88 @successBorder: darken(spin(@successBackground, -10), 5%);
91 @infoBackground: #E4F0FF;
92 @infoBorder: darken(spin(@infoBackground, -10), 7%);
97 // --------------------------------------------------
101 @gridColumnWidth: 60px;
102 @gridGutterWidth: 20px;
103 @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
106 @fluidGridColumnWidth: 6.382978723%;
107 @fluidGridGutterWidth: 2.127659574%;