Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
variables.less 24.9 KB
Newer Older
Mark Otto's avatar
standardize top level file comments    
Mark Otto committed
1
2
3 
//
// Variables
// --------------------------------------------------
Mark Otto's avatar
remove theme.less and split preboot.less to mixins.less and variables.less to...  
Mark Otto committed
4
5
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
6
7
8 
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
9
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
10
11
12
13
14 
@gray-darker:            lighten(#000, 13.5%); // #222
@gray-dark:              lighten(#000, 20%);   // #333
@gray:                   lighten(#000, 33.5%); // #555
@gray-light:             lighten(#000, 60%);   // #999
@gray-lighter:           lighten(#000, 93.5%); // #eee
Mark Otto's avatar
re-org variables    
Mark Otto committed
15
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
16
17 
@brand-primary:         #428bca;
@brand-success:         #5cb85c;
Julian Thilo's avatar
Fix #12073: Consistent order of variations    
Julian Thilo committed
18 
@brand-info:            #5bc0de;
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
19
20 
@brand-warning:         #f0ad4e;
@brand-danger:          #d9534f;
Mark Otto's avatar
adding table variables    
Mark Otto committed
21
Mark Otto's avatar
more vars changing    
Mark Otto committed
22
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
23
24
25
26
27 
//== Scaffolding
//
// ## Settings for some of the most global styles.

//** Background color for `<body>`.
Mark Otto's avatar
-background to -bg for body and table vars    
Mark Otto committed
28 
@body-bg:               #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
29 
//** Global text color on `<body>`.
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
30 
@text-color:            @gray-dark;
Mark Otto's avatar
adding table variables    
Mark Otto committed
31
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
32 
//** Global textual link color.
Mark Otto's avatar
new @component-active-bg variable    
Mark Otto committed
33 
@link-color:            @brand-primary;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
34 
//** Link hover color set via `darken()` function.
Mark Otto's avatar
@link-color-hover to @link-hover-color    
Mark Otto committed
35 
@link-hover-color:      darken(@link-color, 15%);
Mark Otto's avatar
adding table variables    
Mark Otto committed
36
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
37
38
39
40 

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
navbar vars    
Mark Otto committed
41
Mark Otto's avatar
Part 1 of unCamelCasing variables    
Mark Otto committed
42
43 
@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
44 
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
Mark Otto's avatar
fixes #11449: use menlo over monaco    
Mark Otto committed
45 
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
Mark Otto's avatar
more consistent variable naming patterns    
Mark Otto committed
46 
@font-family-base:        @font-family-sans-serif;
Mark Otto's avatar
use new font-stack mixins in base and alt font family mixins    
Mark Otto committed
47
Mark Otto's avatar
restore px unit on @font-size-base    
Mark Otto committed
48 
@font-size-base:          14px;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
49
50 
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
51
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
52
53
54
55 
@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
Chris Rebert's avatar
add variables for heading font sizes; fixes #9921    
Chris Rebert committed
56 
@font-size-h5:            @font-size-base;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
57 
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
Chris Rebert's avatar
add variables for heading font sizes; fixes #9921    
Chris Rebert committed
58
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
59 
//** Unit-less `line-height` for use in components like buttons.
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
60 
@line-height-base:        1.428571429; // 20/14
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
61 
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
62 
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
Mark Otto's avatar
more consistent variable naming patterns    
Mark Otto committed
63
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
64 
//** By default, this inherits from the `<body>`.
Mark Otto's avatar
Fixes #11741: Don't set headings font-family again, just use inherit    
Mark Otto committed
65 
@headings-font-family:    inherit;
Mark Otto's avatar
mobile-first navs, navbar, grids, and type    
Mark Otto committed
66 
@headings-font-weight:    500;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
67 
@headings-line-height:    1.1;
Mark Otto's avatar
fixes #10153: restore headings-color variable    
Mark Otto committed
68
69 
@headings-color:          inherit;
Mark Otto's avatar
update variables to inlude @baseFontSize, @baseFontFamily, @baseLineHeight for...    
Mark Otto committed
70
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
71
72
73 
//-- Iconography
//
//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
Mark Otto's avatar
Restore glyphicons    
Mark Otto committed
74
75 

@icon-font-path:          "../fonts/";
Mark Otto's avatar
Upgrade to latest glyphicons    
Mark Otto committed
76 
@icon-font-name:          "glyphicons-halflings-regular";
Chris Rebert's avatar
die tabs, die!    
Chris Rebert committed
77 
@icon-font-svg-id:        "glyphicons_halflingsregular";
Mark Otto's avatar
add new vars for common font-sizes and paddings with large, small, and mini...    
Mark Otto committed
78
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
79
80
81 
//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
82
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
83
84 
@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
85
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
86
87 
@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
88
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
89
90 
@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
91
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
92
93 
@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;
Chris Rebert's avatar
fix .btn-group-xs portion of #10979    
Chris Rebert committed
94
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
95
96 
@line-height-large:         1.33;
@line-height-small:         1.5;
Mark Otto's avatar
Tighten up buttons and form controls    
Mark Otto committed
97
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
98
99
100 
@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
101
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
102
103
104
105 
//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;
Mark Otto's avatar
new @component-active-bg variable    
Mark Otto committed
106
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
107
108
109
110 
//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
111
Mark Otto's avatar
more vars changing    
Mark Otto committed
112
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
113
114
115 
//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.
Mark Otto's avatar
fixes #8491: add vars for table padding    
Mark Otto committed
116
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
117
118
119
120 
//** Padding for `<th>`s and `<td>`s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;
Mark Otto's avatar
more vars changing    
Mark Otto committed
121
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
122
123
124
125
126
127
128 
//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;
Mark Otto's avatar
adding table variables    
Mark Otto committed
129
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
130
131 
//** Border color for table and cell borders.
@table-border-color:            #ddd;
Mark Otto's avatar
vars less spacing and cleanup    
Mark Otto committed
132
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
133
134
135
136 

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
more vars changing    
Mark Otto committed
137
Mark Otto's avatar
fixes #9768: unbold buttons    
Mark Otto committed
138 
@btn-font-weight:                normal;
Mark Otto's avatar
Merge branch '3.0.0-wip' of https://github.com/saas786/bootstrap into saas786-3.0.0-wip    
Mark Otto committed
139
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
140
141
142 
@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
143
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
144 
@btn-primary-color:              #fff;
Mark Otto's avatar
more consistent btn vars    
Mark Otto committed
145 
@btn-primary-bg:                 @brand-primary;
Mark Otto's avatar
More button updates    
Mark Otto committed
146 
@btn-primary-border:             darken(@btn-primary-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
147
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
148 
@btn-success-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
149 
@btn-success-bg:                 @brand-success;
Mark Otto's avatar
More button updates    
Mark Otto committed
150 
@btn-success-border:             darken(@btn-success-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
151
Julian Thilo's avatar
Fix #12073: Consistent order of variations    
Julian Thilo committed
152
153
154
155 
@btn-info-color:                 #fff;
@btn-info-bg:                    @brand-info;
@btn-info-border:                darken(@btn-info-bg, 5%);
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
156 
@btn-warning-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
157 
@btn-warning-bg:                 @brand-warning;
Mark Otto's avatar
More button updates    
Mark Otto committed
158 
@btn-warning-border:             darken(@btn-warning-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
159
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
160 
@btn-danger-color:               #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
161 
@btn-danger-bg:                  @brand-danger;
Mark Otto's avatar
More button updates    
Mark Otto committed
162 
@btn-danger-border:              darken(@btn-danger-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
163
Mark Otto's avatar
Merge branch '3.0.0-wip' of https://github.com/saas786/bootstrap into saas786-3.0.0-wip    
Mark Otto committed
164 
@btn-link-disabled-color:        @gray-light;
syed's avatar
move things around    
syed committed
165
Mark Otto's avatar
adding table variables    
Mark Otto committed
166
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
167
168
169 
//== Forms
//
//##
Mark Otto's avatar
more vars changing    
Mark Otto committed
170
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
171 
//** `<input>` background color
Mark Otto's avatar
more consistent forms vars; drop search border radius since no more search form    
Mark Otto committed
172 
@input-bg:                       #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
173 
//** `<input disabled>` background color
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
174 
@input-bg-disabled:              @gray-lighter;
Mark Otto's avatar
more vars changing    
Mark Otto committed
175
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
176 
//** Text color for `<input>`s
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
177 
@input-color:                    @gray;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
178 
//** `<input>` border color
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
179 
@input-border:                   #ccc;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
180 
//** `<input>` border radius
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
181 
@input-border-radius:            @border-radius-base;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
182 
//** Border color for inputs on focus
Mark Otto's avatar
Enable input focus state customization    
Mark Otto committed
183 
@input-border-focus:             #66afe9;
Mark Otto's avatar
more vars changing    
Mark Otto committed
184
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
185 
//** Placeholder text color
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
186 
@input-color-placeholder:        @gray-light;
Mark Otto's avatar
more vars changing    
Mark Otto committed
187
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
188 
//** Default `.form-control` height
Mark Otto's avatar
Fixes #8175: Update input min-height vars to fix FF21 input rendering    
Mark Otto committed
189 
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
190 
//** Large `.form-control` height
Mark Otto's avatar
Implement #11174 to fix #10936: increase height of large inputs to fix Firefox inconsistencies    
Mark Otto committed
191 
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
192 
//** Small `.form-control` height
Mark Otto's avatar
Tighten up buttons and form controls    
Mark Otto committed
193 
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
Gil Barbara's avatar
Update line-height and padding for input sizes    
Gil Barbara committed
194
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
195 
@legend-color:                   @gray-dark;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
196
197 
@legend-border-color:            #e5e5e5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
198 
//** Background color for textual input addons
Mark Otto's avatar
addressing #9189 manually, part 4: input group background var    
Mark Otto committed
199 
@input-group-addon-bg:           @gray-lighter;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
200 
//** Border color for textual input addons
Mark Otto's avatar
Update forms vars    
Mark Otto committed
201 
@input-group-addon-border-color: @input-border;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
202
Mark Otto's avatar
adding table variables    
Mark Otto committed
203
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
204
205
206 
//== Dropdowns
//
//## Dropdown menu container and contents.
Mark Otto's avatar
another quick pass at ranking all zindexes and listing them in variables for...    
Mark Otto committed
207
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
208 
//** Background for the dropdown menu.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
209 
@dropdown-bg:                    #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
210 
//** Dropdown menu `border-color`.
Mark Otto's avatar
Fix btn link hover and tweak dropdown border/shadows    
Mark Otto committed
211 
@dropdown-border:                rgba(0,0,0,.15);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
212 
//** Dropdown menu `border-color` **for IE8**.
syed's avatar
moving code and dropdowns to variables.less    
syed committed
213 
@dropdown-fallback-border:       #ccc;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
214 
//** Divider color for between dropdown items.
Mark Otto's avatar
Update dropdown vars    
Mark Otto committed
215 
@dropdown-divider-bg:            #e5e5e5;
Mark Otto's avatar
more vars changing    
Mark Otto committed
216
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
217 
//** Dropdown link text color.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
218 
@dropdown-link-color:            @gray-dark;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
219 
//** Hover color for dropdown links.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
220 
@dropdown-link-hover-color:      darken(@gray-dark, 5%);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
221 
//** Hover background for dropdown links.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
222
223 
@dropdown-link-hover-bg:         #f5f5f5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
224 
//** Active dropdown menu item text color.
Mark Otto's avatar
fixes #9909: Add component active color variable to complement component active bg variable    
Mark Otto committed
225 
@dropdown-link-active-color:     @component-active-color;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
226 
//** Active dropdown menu item background color.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
227 
@dropdown-link-active-bg:        @component-active-bg;
Mark Otto's avatar
add separate vars for dropdown link hover and active states    
Mark Otto committed
228
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
229 
//** Disabled dropdown menu item background color.
Mark Otto's avatar
addressing #9189 manually, part 2: dropdown header and disabled link colors...    
Mark Otto committed
230
231 
@dropdown-link-disabled-color:   @gray-light;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
232 
//** Text color for headers within dropdown menus.
Mark Otto's avatar
addressing #9189 manually, part 2: dropdown header and disabled link colors...    
Mark Otto committed
233 
@dropdown-header-color:          @gray-light;
Mark Otto's avatar
spacing    
Mark Otto committed
234
Chris Rebert's avatar
docs & comments: v3.1 => v3.1.0    
Chris Rebert committed
235 
// Note: Deprecated @dropdown-caret-color as of v3.1.0
Mark Otto's avatar
Update dropdown vars    
Mark Otto committed
236 
@dropdown-caret-color:           #000;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
237
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
238
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
239
240
241
242
243
244 
//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.
Mark Otto's avatar
more vars changed    
Mark Otto committed
245
Mark Otto's avatar
Add default navbar z-index to fix #9844    
Mark Otto committed
246 
@zindex-navbar:            1000;
Mark Otto's avatar
remove sprites vars, change zindex vars    
Mark Otto committed
247
248
249
250
251
252 
@zindex-dropdown:          1000;
@zindex-popover:           1010;
@zindex-tooltip:           1030;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
253
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
254
255
256
257 

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
258
Chris Rebert's avatar
Greater standardization of sizing terminology    
Chris Rebert committed
259 
// Extra small screen / phone
Mark Otto's avatar
clarify deprecation /cc @cvrebert    
Mark Otto committed
260 
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1, and @screen-xs-min as of v3.2
Mark Otto's avatar
More consistent naming with screen size variables using xs, sm, md, and lg    
Mark Otto committed
261 
@screen-xs:                  480px;
Chris Rebert's avatar
rename @screen-XX to @screen-XX-min for clarity+unambiguity    
Chris Rebert committed
262
263 
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
264
265 

// Small screen / tablet
Mark Otto's avatar
Merge branch 'master' into deprecate-screen-device-vars    
Mark Otto committed
266 
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
Mark Otto's avatar
More consistent naming with screen size variables using xs, sm, md, and lg    
Mark Otto committed
267 
@screen-sm:                  768px;
Chris Rebert's avatar
rename @screen-XX to @screen-XX-min for clarity+unambiguity    
Chris Rebert committed
268
269 
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
270
271 

// Medium screen / desktop
Mark Otto's avatar
Merge branch 'master' into deprecate-screen-device-vars    
Mark Otto committed
272 
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
Mark Otto's avatar
More consistent naming with screen size variables using xs, sm, md, and lg    
Mark Otto committed
273 
@screen-md:                  992px;
Chris Rebert's avatar
rename @screen-XX to @screen-XX-min for clarity+unambiguity    
Chris Rebert committed
274
275 
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
276
277 

// Large screen / wide desktop
Mark Otto's avatar
Merge branch 'master' into deprecate-screen-device-vars    
Mark Otto committed
278 
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
Mark Otto's avatar
More consistent naming with screen size variables using xs, sm, md, and lg    
Mark Otto committed
279 
@screen-lg:                  1200px;
Chris Rebert's avatar
rename @screen-XX to @screen-XX-min for clarity+unambiguity    
Chris Rebert committed
280
281 
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
282
Mark Otto's avatar
Scope tablet classes to tablets range only    
Mark Otto committed
283 
// So media queries don't overlap when required, provide a maximum
Chris Rebert's avatar
rename @screen-XX to @screen-XX-min for clarity+unambiguity    
Chris Rebert committed
284
285
286 
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);
Mark Otto's avatar
Scope tablet classes to tablets range only    
Mark Otto committed
287
288
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
289
290
291 
//== Grid system
//
//## Define your custom responsive grid.
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
292
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
293 
//** Number of columns in the grid.
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
294 
@grid-columns:              12;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
295 
//** Padding between columns. Gets divided in half for the left and right.
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
296 
@grid-gutter-width:         30px;
Mark Otto's avatar
Fixes #11610: Add @grid-float-breakpoint-max to better link navbar behavior...    
Mark Otto committed
297 
// Navbar collapse
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
298 
//** Point at which the navbar becomes uncollapsed.
Zlatan Vasović's avatar
@grid-float-breakpoint need to be @screen-sm-min    
Zlatan Vasović committed
299 
@grid-float-breakpoint:     @screen-sm-min;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
300 
//** Point at which the navbar begins collapsing.
Mark Otto's avatar
Fixes #11610: Add @grid-float-breakpoint-max to better link navbar behavior...    
Mark Otto committed
301 
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
302
Mark Otto's avatar
use variablef or wells background-color, update docs for glyphicons license...    
Mark Otto committed
303
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323 
//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

// Small screen / tablet
@container-tablet:             ((720px + @grid-gutter-width));
//** For `@screen-sm-min` and up.
@container-sm:                 @container-tablet;

// Medium screen / desktop
@container-desktop:            ((940px + @grid-gutter-width));
//** For `@screen-md-min` and up.
@container-md:                 @container-desktop;

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
324
325
326 
//== Navbar
//
//##
Mark Otto's avatar
more vars changed    
Mark Otto committed
327
Mark Otto's avatar
More navbar derping    
Mark Otto committed
328
329 
// Basics of a navbar
@navbar-height:                    50px;
Mark Otto's avatar
addressing #9189 manually, part 6: add a navbar margin var, but avoid the...    
Mark Otto committed
330 
@navbar-margin-bottom:             @line-height-computed;
Mark Otto's avatar
fixes #9063: add var for navbar border radius    
Mark Otto committed
331 
@navbar-border-radius:             @border-radius-base;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
332 
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
Mark Otto's avatar
fixes #8206: Use navbar height var to compute vertical padding on navbar-brand    
Mark Otto committed
333 
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
Chris Rebert's avatar
add @navbar-collapse-max-height Less variable    
Chris Rebert committed
334 
@navbar-collapse-max-height:       340px;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
335
Mark Otto's avatar
Massive customizer audit and overhaul    
Mark Otto committed
336
337
338
339 
@navbar-default-color:             #777;
@navbar-default-bg:                #f8f8f8;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
Mark Otto's avatar
More navbar derping    
Mark Otto committed
340 
// Navbar links
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
341
342
343
344 
@navbar-default-link-color:                #777;
@navbar-default-link-hover-color:          #333;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #555;
Julian Thilo's avatar
Fix some forgotten things for navbar-default    
Julian Thilo committed
345 
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
346
347 
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;
Mark Otto's avatar
More navbar derping    
Mark Otto committed
348
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
349 
// Navbar brand label
Julian Thilo's avatar
Fix some forgotten things for navbar-default    
Julian Thilo committed
350 
@navbar-default-brand-color:               @navbar-default-link-color;
Geremia Taglialatela's avatar
Base the navbar default brand hover color on default brand color    
Geremia Taglialatela committed
351 
@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
352 
@navbar-default-brand-hover-bg:            transparent;
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
353
Mark Otto's avatar
move some thing around    
Mark Otto committed
354 
// Navbar toggle
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
355 
@navbar-default-toggle-hover-bg:           #ddd;
Zlatan Vasović's avatar
Darken icon bar to meet WCAG    
Zlatan Vasović committed
356 
@navbar-default-toggle-icon-bar-bg:        #888;
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
357 
@navbar-default-toggle-border-color:       #ddd;
Mark Otto's avatar
move some thing around    
Mark Otto committed
358
359
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
360 
// Inverted navbar
Mark Otto's avatar
move some thing around    
Mark Otto committed
361
362 
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
Mark Otto's avatar
mo betta new navbar styles; hook up some changed vars    
Mark Otto committed
363 
@navbar-inverse-bg:                         #222;
Mark Otto's avatar
lighter default navbar, add borders to navbars, tweak padding and alignments    
Mark Otto committed
364 
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Mark Otto's avatar
navbar vars    
Mark Otto committed
365
Mark Otto's avatar
improve navbar vars and fix side nav alignment    
Mark Otto committed
366 
// Inverted navbar links
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
367 
@navbar-inverse-link-color:                 @gray-light;
Mark Otto's avatar
more consistent navbar vars    
Mark Otto committed
368
369
370
371
372
373 
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              transparent;
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-disabled-color:        #444;
@navbar-inverse-link-disabled-bg:           transparent;
Mark Otto's avatar
improve navbar vars and fix side nav alignment    
Mark Otto committed
374
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
375
376
377
378
379 
// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
@navbar-inverse-brand-hover-bg:             transparent;
syed's avatar
Moving navbar inline properties to variables.less and customize.html    
syed committed
380
381
382
383
384 
// Inverted navbar toggle
@navbar-inverse-toggle-hover-bg:            #333;
@navbar-inverse-toggle-icon-bar-bg:         #fff;
@navbar-inverse-toggle-border-color:        #333;
Mark Otto's avatar
move some thing around    
Mark Otto committed
385
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
386
387
388 
//== Navs
//
//##
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
389
Chris Rebert's avatar
add support for '//===' for <h3>s in bs-lessdoc    
Chris Rebert committed
390 
//=== Shared nav styles
Mark Otto's avatar
fixes #9587: add var for nav link padding    
Mark Otto committed
391 
@nav-link-padding:                          10px 15px;
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
392
393
394
395
396
397
398 
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-color:             @gray-light;

@nav-open-link-hover-color:                 #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
399 
//== Tabs
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
400
401
402
403
404
405
406
407
408
409
410 
@nav-tabs-border-color:                     #ddd;

@nav-tabs-link-hover-border-color:          @gray-lighter;

@nav-tabs-active-link-hover-bg:             @body-bg;
@nav-tabs-active-link-hover-color:          @gray;
@nav-tabs-active-link-hover-border-color:   #ddd;

@nav-tabs-justified-link-border-color:            #ddd;
@nav-tabs-justified-active-link-border-color:     @body-bg;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
411 
//== Pills
Jake Buob's avatar
Add nav-pills-border-radius variable    
Jake Buob committed
412 
@nav-pills-border-radius:                   @border-radius-base;
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
413 
@nav-pills-active-link-hover-bg:            @component-active-bg;
Mark Otto's avatar
update vars to use new component-active-color    
Mark Otto committed
414 
@nav-pills-active-link-hover-color:         @component-active-color;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
415
Mark Otto's avatar
move some thing around    
Mark Otto committed
416
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
417
418
419 
//== Pagination
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
420
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
421 
@pagination-color:                     @link-color;
Mark Otto's avatar
-background to -bg on pagination vars    
Mark Otto committed
422 
@pagination-bg:                        #fff;
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
423 
@pagination-border:                    #ddd;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
424
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
425 
@pagination-hover-color:               @link-hover-color;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
426 
@pagination-hover-bg:                  @gray-lighter;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
427 
@pagination-hover-border:              #ddd;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
428
429 

@pagination-active-color:              #fff;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
430
431 
@pagination-active-bg:                 @brand-primary;
@pagination-active-border:             @brand-primary;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
432
syed's avatar
move things around :)    
syed committed
433 
@pagination-disabled-color:            @gray-light;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
434
435 
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;
syed's avatar
move things around :)    
syed committed
436
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
437
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
438
439
440 
//== Pager
//
//##
syed's avatar
move things around :)    
syed committed
441
Zlatan Vasović's avatar
Improve pager customization    
Zlatan Vasović committed
442
443 
@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
syed's avatar
move things around :)    
syed committed
444 
@pager-border-radius:                  15px;
Zlatan Vasović's avatar
Improve pager customization    
Zlatan Vasović committed
445
446
447
448
449
450
451 

@pager-hover-bg:                       @pagination-hover-bg;

@pager-active-bg:                      @pagination-active-bg;
@pager-active-color:                   @pagination-active-color;

@pager-disabled-color:                 @pagination-disabled-color;
Mark Otto's avatar
fixes #4295: add vars for pagination    
Mark Otto committed
452
Mark Otto's avatar
huuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuge update to doces and stuff    
Mark Otto committed
453
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
454
455
456 
//== Jumbotron
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
457
Mark Otto's avatar
fix #9832 somewhat: more vars for jumbotron    
Mark Otto committed
458
459 
@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
460 
@jumbotron-bg:                   @gray-lighter;
Mark Otto's avatar
Rename .hero-unit to .jumbotron becaue fuck dashes in filenames and sports...    
Mark Otto committed
461 
@jumbotron-heading-color:        inherit;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
462 
@jumbotron-font-size:            ceil((@font-size-base * 1.5));
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
463
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
464
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
465
466
467 
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
468
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
469 
@state-success-text:             #3c763d;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
470
471 
@state-success-bg:               #dff0d8;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
Mark Otto's avatar
revamp alert message and error state color/text/bg to be variables    
Mark Otto committed
472
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
473 
@state-info-text:                #31708f;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
474
475 
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
Mark Otto's avatar
revamp alert message and error state color/text/bg to be variables    
Mark Otto committed
476
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
477 
@state-warning-text:             #8a6d3b;
Mark Otto's avatar
Match order of vars to order of components; darken some alert borders    
Mark Otto committed
478
479
480 
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
481 
@state-danger-text:              #a94442;
Mark Otto's avatar
Match order of vars to order of components; darken some alert borders    
Mark Otto committed
482
483
484 
@state-danger-bg:                #f2dede;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
Mark Otto's avatar
rename navbar variables, change navbar search placeholder to mixin    
Mark Otto committed
485
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
486
487
488
489
490 
//== Tooltips
//
//##

//** Tooltip max width
Mark Otto's avatar
Vars update    
Mark Otto committed
491 
@tooltip-max-width:           200px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
492 
//** Tooltip text color
Mark Otto's avatar
Cleanup spacing in variables file    
Mark Otto committed
493 
@tooltip-color:               #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
494 
//** Tooltip background color
Mark Otto's avatar
Fixes #9145: Fix tooltip opacity    
Mark Otto committed
495 
@tooltip-bg:                  #000;
Mark Otto's avatar
Fixes #11555: Add `@tooltip-opacity` variable    
Mark Otto committed
496 
@tooltip-opacity:             .9;
Mark Otto's avatar
Vars update    
Mark Otto committed
497
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
498 
//** Tooltip arrow width
Mark Otto's avatar
Cleanup spacing in variables file    
Mark Otto committed
499 
@tooltip-arrow-width:         5px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
500 
//** Tooltip arrow color
Mark Otto's avatar
-background to -bg on tooltip and popover vars    
Mark Otto committed
501 
@tooltip-arrow-color:         @tooltip-bg;
Mark Otto's avatar
remove popoverarrows mixin, relegate code to tooltips and popvers since we...    
Mark Otto committed
502
syed's avatar
move things around :)    
syed committed
503
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
504
505
506
507
508 
//== Popovers
//
//##

//** Popover body background color
Mark Otto's avatar
Vars update    
Mark Otto committed
509 
@popover-bg:                          #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
510 
//** Popover maximum width
Mark Otto's avatar
Vars update    
Mark Otto committed
511 
@popover-max-width:                   276px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
512 
//** Popover border color
Mark Otto's avatar
Vars update    
Mark Otto committed
513 
@popover-border-color:                rgba(0,0,0,.2);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
514 
//** Popover fallback border color
Mark Otto's avatar
Vars update    
Mark Otto committed
515
516 
@popover-fallback-border-color:       #ccc;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
517 
//** Popover title background color
Mark Otto's avatar
Vars update    
Mark Otto committed
518 
@popover-title-bg:                    darken(@popover-bg, 3%);
Mark Otto's avatar
remove popoverarrows mixin, relegate code to tooltips and popvers since we...    
Mark Otto committed
519
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
520 
//** Popover arrow width
Mark Otto's avatar
Vars update    
Mark Otto committed
521 
@popover-arrow-width:                 10px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
522 
//** Popover arrow color
Mark Otto's avatar
Vars update    
Mark Otto committed
523 
@popover-arrow-color:                 #fff;
syed's avatar
move things around :)    
syed committed
524
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
525 
//** Popover outer arrow width
Mark Otto's avatar
Vars update    
Mark Otto committed
526 
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
527 
//** Popover outer arrow color
Mark Otto's avatar
Fixes #12674    
Mark Otto committed
528 
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
529 
//** Popover outer arrow fallback color
Mark Otto's avatar
Fixes #12674    
Mark Otto committed
530 
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
Mark Otto's avatar
remove popoverarrows mixin, relegate code to tooltips and popvers since we...    
Mark Otto committed
531
532
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
533
534
535 
//== Labels
//
//##
Mark Otto's avatar
Update labels to include a base class    
Mark Otto committed
536
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
537 
//** Default label background color
Mark Otto's avatar
Update labels to include a base class    
Mark Otto committed
538 
@label-default-bg:            @gray-light;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
539 
//** Primary label background color
Mark Otto's avatar
Fixes #9617: consistent variation order, add .label-primary    
Mark Otto committed
540 
@label-primary-bg:            @brand-primary;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
541 
//** Success label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
542 
@label-success-bg:            @brand-success;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
543 
//** Info label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
544 
@label-info-bg:               @brand-info;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
545 
//** Warning label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
546 
@label-warning-bg:            @brand-warning;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
547 
//** Danger label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
548 
@label-danger-bg:             @brand-danger;
Mark Otto's avatar
Bring back the label, make it scale somewhat with the font-size of the parent...    
Mark Otto committed
549
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
550 
//** Default label text color
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
551 
@label-color:                 #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
552 
//** Default text color of a linked label
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
553
554 
@label-link-hover-color:      #fff;
Mark Otto's avatar
Bring back the label, make it scale somewhat with the font-size of the parent...    
Mark Otto committed
555
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
556
557
558
559
560 
//== Modals
//
//##

//** Padding applied to the modal body
Mark Otto's avatar
Update modals to use more consistent padding—modal body and footer now match modal header    
Mark Otto committed
561 
@modal-inner-padding:         15px;
Mark Otto's avatar
finish modal tweaks    
Mark Otto committed
562
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
563 
//** Padding applied to the modal title
Mark Otto's avatar
add modal variables and tweak padding for min-height on modal title    
Mark Otto committed
564 
@modal-title-padding:         15px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
565 
//** Modal title line-height
Mark Otto's avatar
add modal variables and tweak padding for min-height on modal title    
Mark Otto committed
566
567 
@modal-title-line-height:     @line-height-base;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
568 
//** Background color of modal content area
syed's avatar
Moved modals inline properties to variables.less    
syed committed
569 
@modal-content-bg:                             #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
570 
//** Modal content border color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
571 
@modal-content-border-color:                   rgba(0,0,0,.2);
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
572 
//** Modal content border color **for IE8**
syed's avatar
Moved modals inline properties to variables.less    
syed committed
573
574 
@modal-content-fallback-border-color:          #999;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
575 
//** Modal backdrop background color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
576 
@modal-backdrop-bg:           #000;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
577 
//** Modal backdrop opacity
Geremia Taglialatela's avatar
Customizable backdrop opacity    
Geremia Taglialatela committed
578 
@modal-backdrop-opacity:      .5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
579 
//** Modal header border color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
580 
@modal-header-border-color:   #e5e5e5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
581 
//** Modal footer border color
Mark Otto's avatar
make footer border color use header border color in modals    
Mark Otto committed
582 
@modal-footer-border-color:   @modal-header-border-color;
syed's avatar
Moved modals inline properties to variables.less    
syed committed
583
LFeh's avatar
Options of sizes added in modal    
LFeh committed
584 
@modal-lg:                    900px;
Chris Rebert's avatar
add & use @modal-md Less var for uniformity    
Chris Rebert committed
585 
@modal-md:                    600px;
LFeh's avatar
Adjust in modal size rules    
LFeh committed
586 
@modal-sm:                    300px;
LFeh's avatar
Options of sizes added in modal    
LFeh committed
587
syed's avatar
Moved modals inline properties to variables.less    
syed committed
588
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
589
590
591
592 
//== Alerts
//
//## Define alert colors, border radius, and padding.
Markus Maga's avatar
Added padding variable for alerts and changed customize.html Warning state...    
Markus Maga committed
593
594 
@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
Mark Otto's avatar
Merge branch '3.0.0-wip' of https://github.com/saas786/bootstrap into saas786-3.0.0-wip    
Mark Otto committed
595 
@alert-link-font-weight:      bold;
Markus Maga's avatar
Added padding variable for alerts and changed customize.html Warning state...    
Markus Maga committed
596
Mark Otto's avatar
Make alerts use variables better    
Mark Otto committed
597
598
599
600
601
602
603
604 
@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;
Mark Otto's avatar
Refactor alerts to have a base class, but no default class, thus requiring a...    
Mark Otto committed
605
606
607
608
609
610
611
612 
@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;
Mark Otto's avatar
finish modal tweaks    
Mark Otto committed
613
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
614
615
616
617
618 
//== Progress bars
//
//##

//** Background color of the whole progress component
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
619 
@progress-bg:                 #f5f5f5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
620 
//** Progress bar text color
Mark Otto's avatar
Vars update    
Mark Otto committed
621
622 
@progress-bar-color:          #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
623 
//** Default progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
624 
@progress-bar-bg:             @brand-primary;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
625 
//** Success progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
626 
@progress-bar-success-bg:     @brand-success;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
627 
//** Warning progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
628 
@progress-bar-warning-bg:     @brand-warning;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
629 
//** Danger progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
630 
@progress-bar-danger-bg:      @brand-danger;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
631
632 
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
633
634
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
635
636
637
638
639 
//== List group
//
//##

//** Background color on `.list-group-item`
Mark Otto's avatar
Change variable    
Mark Otto committed
640 
@list-group-bg:                 #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
641 
//** `.list-group-item` border color
Mark Otto's avatar
Change variable    
Mark Otto committed
642 
@list-group-border:             #ddd;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
643 
//** List group border radius
Mark Otto's avatar
Change variable    
Mark Otto committed
644
645 
@list-group-border-radius:      @border-radius-base;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
646 
//** Background color of single list elements on hover
Mark Otto's avatar
Change variable    
Mark Otto committed
647 
@list-group-hover-bg:           #f5f5f5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
648 
//** Text color of active list elements
Mark Otto's avatar
Change variable    
Mark Otto committed
649 
@list-group-active-color:       @component-active-color;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
650 
//** Background color of active list elements
Mark Otto's avatar
Change variable    
Mark Otto committed
651 
@list-group-active-bg:          @component-active-bg;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
652 
//** Border color of active list elements
Mark Otto's avatar
Change variable    
Mark Otto committed
653
654
655
656
657 
@list-group-active-border:      @list-group-active-bg;
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

@list-group-link-color:         #555;
@list-group-link-heading-color: #333;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
658
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
659
660
661
662
663 

//== Panels
//
//##
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
664 
@panel-bg:                    #fff;
Mark Otto's avatar
Fixes #11867: Add `@panel-body-padding` variable    
Mark Otto committed
665 
@panel-body-padding:          15px;
rhaase's avatar
Defined and use variables for .panel-heading & .panel-footer padding    
rhaase committed
666
667 
@panel-heading-padding:       10px 15px;
@panel-footer-padding:        @panel-heading-padding;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
668 
@panel-border-radius:         @border-radius-base;
Mark Otto's avatar
Fixes #11867: Add `@panel-body-padding` variable    
Mark Otto committed
669
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
670 
//** Border color for elements within panels
Mark Otto's avatar
Fixes #11867: Add `@panel-body-padding` variable    
Mark Otto committed
671 
@panel-inner-border:          #ddd;
Mark Otto's avatar
Add .panel-footer    
Mark Otto committed
672 
@panel-footer-bg:             #f5f5f5;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
673
Mark Otto's avatar
Refactor panels to have a base class for improved flexibility when customizing...    
Mark Otto committed
674
675
676
677 
@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;
Mark Otto's avatar
add .panel-primary    
Mark Otto committed
678
679
680
681 
@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
682
683 
@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
684 
@panel-success-heading-bg:    @state-success-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
685
Julian Thilo's avatar
Fix #12073: Consistent order of variations    
Julian Thilo committed
686
687
688
689 
@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
690
691 
@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
692 
@panel-warning-heading-bg:    @state-warning-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
693
694
695 

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
696 
@panel-danger-heading-bg:     @state-danger-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
697
698
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
699
700
701
702
703 
//== Thumbnails
//
//##

//** Padding around the thumbnail image
Mark Otto's avatar
addressing #9189 manually, part 7: thumbnails vars    
Mark Otto committed
704 
@thumbnail-padding:           4px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
705 
//** Thumbnail background color
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
706 
@thumbnail-bg:                @body-bg;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
707 
//** Thumbnail border color
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
708 
@thumbnail-border:            #ddd;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
709 
//** Thumbnail border radius
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
710
711 
@thumbnail-border-radius:     @border-radius-base;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
712 
//** Custom text color for thumbnail captions
Mark Otto's avatar
addressing #9189 manually, part 7: thumbnails vars    
Mark Otto committed
713 
@thumbnail-caption-color:     @text-color;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
714 
//** Padding around the thumbnail caption
Mark Otto's avatar
addressing #9189 manually, part 7: thumbnails vars    
Mark Otto committed
715
716 
@thumbnail-caption-padding:   9px;
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
717
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
718
719
720
721 
//== Wells
//
//##
Mark Otto's avatar
-background to -bg on wells vars    
Mark Otto committed
722 
@well-bg:                     #f5f5f5;
Bas Bosman's avatar
Add well-border variable    
Bas Bosman committed
723 
@well-border:                 darken(@well-bg, 7%);
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
724
725
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
726
727
728
729 
//== Badges
//
//##
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
730 
@badge-color:                 #fff;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
731 
//** Linked badge text color on hover
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
732 
@badge-link-hover-color:      #fff;
Francis Brunelle's avatar
@badge-bg should be @gray-light not #f5f5f5    
Francis Brunelle committed
733 
@badge-bg:                    @gray-light;
Mark Otto's avatar
Merge branch '3.0.0-wip' of https://github.com/saas786/bootstrap into saas786-3.0.0-wip    
Mark Otto committed
734
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
735 
//** Badge text color in active nav link
Mark Otto's avatar
Update vars for badges, breadcrumbs; update customize page    
Mark Otto committed
736 
@badge-active-color:          @link-color;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
737 
//** Badge background color in active nav link
Mark Otto's avatar
Update vars for badges, breadcrumbs; update customize page    
Mark Otto committed
738
739 
@badge-active-bg:             #fff;
syed's avatar
move things around    
syed committed
740
741
742
743 
@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
744
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
745
746
747
748 
//== Breadcrumbs
//
//##
Zlatan Vasović's avatar
Use variables for breadcrumb padding    
Zlatan Vasović committed
749
750 
@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
751 
//** Breadcrumb background color
Zlatan Vasović's avatar
Use variables for breadcrumb padding    
Zlatan Vasović committed
752 
@breadcrumb-bg:                 #f5f5f5;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
753 
//** Breadcrumb text color
Zlatan Vasović's avatar
Use variables for breadcrumb padding    
Zlatan Vasović committed
754 
@breadcrumb-color:              #ccc;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
755 
//** Text color of current page in the breadcrumb
Zlatan Vasović's avatar
Use variables for breadcrumb padding    
Zlatan Vasović committed
756 
@breadcrumb-active-color:       @gray-light;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
757 
//** Textual separator for between breadcrumb elements
Zlatan Vasović's avatar
Use variables for breadcrumb padding    
Zlatan Vasović committed
758 
@breadcrumb-separator:          "/";
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
759
Mark Otto's avatar
Run make on prev commits    
Mark Otto committed
760
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
761
762
763 
//== Carousel
//
//##
Mark Otto's avatar
Merge branch '3.0.0-wip' of https://github.com/saas786/bootstrap into saas786-3.0.0-wip    
Mark Otto committed
764
Mark Otto's avatar
Update carousel vars    
Mark Otto committed
765
766 
@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
syed's avatar
Move inline properties to variables.less    
syed committed
767 
@carousel-control-color:                      #fff;
syed's avatar
move things around    
syed committed
768
769
770 
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;
syed's avatar
Move inline properties to variables.less    
syed committed
771
Mark Otto's avatar
Update carousel vars    
Mark Otto committed
772 
@carousel-indicator-active-bg:                #fff;
syed's avatar
move things around    
syed committed
773 
@carousel-indicator-border-color:             #fff;
syed's avatar
Move inline properties to variables.less    
syed committed
774
775
776 

@carousel-caption-color:                      #fff;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
777
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
778
779
780
781 
//== Close
//
//##
syed's avatar
move things around    
syed committed
782 
@close-font-weight:           bold;
Mark Otto's avatar
Massive customizer audit and overhaul    
Mark Otto committed
783 
@close-color:                 #000;
Mark Otto's avatar
Update close vars    
Mark Otto committed
784 
@close-text-shadow:           0 1px 0 #fff;
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
785
syed's avatar
moving code and dropdowns to variables.less    
syed committed
786
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
787
788
789
790 
//== Code
//
//##
syed's avatar
moving code and dropdowns to variables.less    
syed committed
791 
@code-color:                  #c7254e;
Mark Otto's avatar
Update code vars    
Mark Otto committed
792 
@code-bg:                     #f9f2f4;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
793
Mark Otto's avatar
Fixes #11193: Add kbd element styles to indicate user input via keyboard    
Mark Otto committed
794
795
796 
@kbd-color:                   #fff;
@kbd-bg:                      #333;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
797 
@pre-bg:                      #f5f5f5;
Mark Otto's avatar
addressing #9189 manually, part 1: code and pre vars    
Mark Otto committed
798 
@pre-color:                   @gray-dark;
Mark Otto's avatar
Update code vars    
Mark Otto committed
799 
@pre-border-color:            #ccc;
Mark Otto's avatar
addressing #9189 manually, part 1: code and pre vars    
Mark Otto committed
800 
@pre-scrollable-max-height:   340px;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
801
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
802
803
804
805
806
807 

//== Type
//
//##

//** Text muted color
syed's avatar
move things around :)    
syed committed
808 
@text-muted:                  @gray-light;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
809 
//** Abbreviations and acronyms border color
syed's avatar
move things around :)    
syed committed
810 
@abbr-border-color:           @gray-light;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
811 
//** Headings small color
syed's avatar
move things around :)    
syed committed
812 
@headings-small-color:        @gray-light;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
813 
//** Blockquote small color
syed's avatar
move things around :)    
syed committed
814 
@blockquote-small-color:      @gray-light;
Zlatan Vasović's avatar
Fix #12656: add @blockquote-font-size    
Zlatan Vasović committed
815
816 
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
817 
//** Blockquote border color
syed's avatar
move things around :)    
syed committed
818 
@blockquote-border-color:     @gray-lighter;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
819 
//** Page header border color
syed's avatar
move things around :)    
syed committed
820 
@page-header-border-color:    @gray-lighter;
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
821
Mark Otto's avatar
more vars changed    
Mark Otto committed
822
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
823
824
825
826
827 
//== Miscellaneous
//
//##

//** Horizontal line color.
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
828 
@hr-border:                   @gray-lighter;
Mark Otto's avatar
more vars changed    
Mark Otto committed
829
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
830 
//** Horizontal offset for forms and lists.
Mark Otto's avatar
Cleanup spacing in variables file    
Mark Otto committed
831 
@component-offset-horizontal: 180px;