2 // Variables to customize the look and feel of Bootstrap
4 // -----------------------------------------------------
9 // --------------------------------------------------
13 @linkColorHover: #4183C4;
36 @baseFontFamily: "Helvetica Neue", Helvetica, Arial, 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;
58 // Input placeholder text color
59 @placeholderText: @grayLight;
63 @navbarBackground: #EAEAEA;
64 @navbarBackgroundHighlight: lighten(@navbarBackground, 15%);
66 @navbarText: @grayDarker;
67 @navbarLinkColor: @grayDarker;
68 @navbarLinkColorHover: @linkColor;
70 // Form states and alerts
71 @warningText: #393939;
72 @warningBackground: #F5F3B4;
73 @warningBorder: darken(spin(@warningBackground, -10), 3%);
75 @errorText: @warningText;
76 @errorBackground: #FFE9E9;
77 @errorBorder: darken(spin(@errorBackground, -10), 3%);
80 @successBackground: #BEDEBE;
81 @successBorder: darken(spin(@successBackground, -10), 5%);
84 @infoBackground: #E4F0FF;
85 @infoBorder: darken(spin(@infoBackground, -10), 7%);
90 // --------------------------------------------------
94 @gridColumnWidth: 60px;
95 @gridGutterWidth: 20px;
96 @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
99 @fluidGridColumnWidth: 6.382978723%;
100 @fluidGridGutterWidth: 2.127659574%;