Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
variables.less 24.3 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
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
10
11
12
13
14 
@gray-dark:                  #373a3c;
@gray-darker:                @gray-dark; // TODO: remove
@gray:                       #55595c;
@gray-light:                 #818a91;
@gray-lighter:               #eceeef;
Mark Otto's avatar
rems: update breadcrumbs to use new sizing; improve variables by renaming...    
Mark Otto committed
15 
@gray-lightest:              #f7f7f9;
Mark Otto's avatar
re-org variables    
Mark Otto committed
16
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
17
18
19
20
21 
@brand-primary:              #027de7;
@brand-success:              #5cb85c;
@brand-info:                 #5bc0de;
@brand-warning:              #f0ad4e;
@brand-danger:               #d9534f;
Mark Otto's avatar
adding table variables    
Mark Otto committed
22
Mark Otto's avatar
more vars changing    
Mark Otto committed
23
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
24
25 
//== Scaffolding
//
Zlatan Vasović's avatar
Add missing customizer comment    
Zlatan Vasović committed
26 
//## Settings for some of the most global styles.
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
27
28 

//** Background color for `<body>`.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
29 
@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
30 
//** Global text color on `<body>`.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
31 
@text-color:                 @gray-dark;
Mark Otto's avatar
adding table variables    
Mark Otto committed
32
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
33 
//** Global textual link color.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
34 
@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
35 
//** Link hover color set via `darken()` function.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
36 
@link-hover-color:           darken(@link-color, 15%);
Mark Otto's avatar
adding table variables    
Mark Otto committed
37
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
38
Mark Otto's avatar
Implement the new border-radius guard: only round things if global @enable-rounded == true    
Mark Otto committed
39
40
41
42
43
44
45
46
47 
//== Global settings
//
//## Quickly modify global styling by enabling or disabling features.

@enable-rounded:            true;
@enable-shadows:            true;
@enable-gradients:          true;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
48
49
50 
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
navbar vars    
Mark Otto committed
51
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
52
53 
@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
54 
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71 
@font-family-monospace:      Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base:           @font-family-sans-serif;

//** Pixel value used to responsively scale all typography. Applied to the `<html>` element.
@font-size-root:             16px;
//** Sets the `<body>` and more to the root pixel value.
@font-size-base:             1rem;
@font-size-large:            1.25rem;
@font-size-small:            .85rem;
@font-size-xs:               .75rem;

@font-size-h1:               3rem;
@font-size-h2:               2.5rem;
@font-size-h3:               2rem;
@font-size-h4:               1.5rem;
@font-size-h5:               1.25rem;
@font-size-h6:               1rem;
Chris Rebert's avatar
add variables for heading font sizes; fixes #9921    
Chris Rebert committed
72
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
73 
//** Unit-less `line-height` for use in components like buttons.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
74 
@line-height-base:           1.5;
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
75 
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
76 
@line-height-computed:       (@font-size-root * @line-height-base);
Mark Otto's avatar
more consistent variable naming patterns    
Mark Otto committed
77
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
78 
//** By default, this inherits from the `<body>`.
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
79
80
81
82 
@headings-font-family:       inherit;
@headings-font-weight:       500;
@headings-line-height:       1.1;
@headings-color:             inherit;
Mark Otto's avatar
add new vars for common font-sizes and paddings with large, small, and mini...    
Mark Otto committed
83
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
84
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
85
86
87 
//== 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
88
Mark Otto's avatar
rems: buttons    
Mark Otto committed
89
90 
@padding-base-vertical:     .5rem;
@padding-base-horizontal:   1rem;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
91
Mark Otto's avatar
rems: buttons    
Mark Otto committed
92
93 
@padding-large-vertical:    .75rem;
@padding-large-horizontal:  1.5rem;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
94
Mark Otto's avatar
rems: buttons    
Mark Otto committed
95
96 
@padding-small-vertical:    .3rem;
@padding-small-horizontal:  .75rem;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
97
Mark Otto's avatar
rems: buttons    
Mark Otto committed
98
99 
@padding-xs-vertical:       .2rem;
@padding-xs-horizontal:     .5rem;
Chris Rebert's avatar
fix .btn-group-xs portion of #10979    
Chris Rebert committed
100
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
101
102 
@line-height-large:         1.33;
@line-height-small:         1.5;
Mark Otto's avatar
Tighten up buttons and form controls    
Mark Otto committed
103
Mark Otto's avatar
rems: code    
Mark Otto committed
104
105
106 
@border-radius-base:        .2rem;
@border-radius-large:       .3rem;
@border-radius-small:       .2rem;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
107
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
108
109
110
111 
//** 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
112
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
113 
//** Width of the `border` for generating carets that indicator dropdowns.
Mark Otto's avatar
Refactor: drop .dropdown .caret for a generated caret using .dropdown-toggle:after    
Mark Otto committed
114 
@caret-width-base:          .3em;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
115 
//** Carets increase slightly in size for larger components.
Mark Otto's avatar
Refactor: drop .dropdown .caret for a generated caret using .dropdown-toggle:after    
Mark Otto committed
116 
@caret-width-large:         @caret-width-base;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
117
Mark Otto's avatar
more vars changing    
Mark Otto committed
118
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
119
120
121 
//== 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
122
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
123
124
125
126 
//** 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
127
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
128
129
130
131
132
133
134 
//** 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
135
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
136
137 
//** Border color for table and cell borders.
@table-border-color:            #ddd;
Mark Otto's avatar
vars less spacing and cleanup    
Mark Otto committed
138
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
139
140
141
142 

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
more vars changing    
Mark Otto committed
143
Mark Otto's avatar
fixes #9768: unbold buttons    
Mark Otto committed
144 
@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
145
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
146
147
148 
@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
149
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
150 
@btn-primary-color:              #fff;
Mark Otto's avatar
more consistent btn vars    
Mark Otto committed
151 
@btn-primary-bg:                 @brand-primary;
Mark Otto's avatar
More button updates    
Mark Otto committed
152 
@btn-primary-border:             darken(@btn-primary-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
153
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
154 
@btn-success-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
155 
@btn-success-bg:                 @brand-success;
Mark Otto's avatar
More button updates    
Mark Otto committed
156 
@btn-success-border:             darken(@btn-success-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
157
Julian Thilo's avatar
Fix #12073: Consistent order of variations    
Julian Thilo committed
158
159
160
161 
@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
162 
@btn-warning-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
163 
@btn-warning-bg:                 @brand-warning;
Mark Otto's avatar
More button updates    
Mark Otto committed
164 
@btn-warning-border:             darken(@btn-warning-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
165
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
166 
@btn-danger-color:               #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
167 
@btn-danger-bg:                  @brand-danger;
Mark Otto's avatar
More button updates    
Mark Otto committed
168 
@btn-danger-border:              darken(@btn-danger-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
169
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
170 
@btn-link-disabled-color:        @gray-light;
syed's avatar
move things around    
syed committed
171
Mark Otto's avatar
adding table variables    
Mark Otto committed
172
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
173
174
175 
//== Forms
//
//##
Mark Otto's avatar
more vars changing    
Mark Otto committed
176
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
177 
//** `<input>` background color
Mark Otto's avatar
more consistent forms vars; drop search border radius since no more search form    
Mark Otto committed
178 
@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
179 
//** `<input disabled>` background color
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
180 
@input-bg-disabled:              @gray-lighter;
Mark Otto's avatar
more vars changing    
Mark Otto committed
181
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
182 
//** Text color for `<input>`s
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
183 
@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
184 
//** `<input>` border color
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
185 
@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
186 
//** `<input>` border radius
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
187 
@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
188 
//** Border color for inputs on focus
Mark Otto's avatar
Enable input focus state customization    
Mark Otto committed
189 
@input-border-focus:             #66afe9;
Mark Otto's avatar
more vars changing    
Mark Otto committed
190
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
191 
//** Placeholder text color
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
192 
@input-color-placeholder:        @gray-light;
Mark Otto's avatar
more vars changing    
Mark Otto committed
193
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
194 
//** Default `.form-control` height
Mark Otto's avatar
rems: input sizes    
Mark Otto committed
195 
@input-height-base:              ((@font-size-base * @line-height-base) + (@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
196 
//** Large `.form-control` height
Mark Otto's avatar
rems: input sizes    
Mark Otto committed
197 
@input-height-large:             ((@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
198 
//** Small `.form-control` height
Mark Otto's avatar
rems: input sizes    
Mark Otto committed
199 
@input-height-small:             ((@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
200
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
201 
@legend-color:                   @gray-dark;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
202
203 
@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
204 
//** Background color for textual input addons
Mark Otto's avatar
addressing #9189 manually, part 4: input group background var    
Mark Otto committed
205 
@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
206 
//** Border color for textual input addons
Mark Otto's avatar
Update forms vars    
Mark Otto committed
207 
@input-group-addon-border-color: @input-border;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
208
Mark Otto's avatar
adding table variables    
Mark Otto committed
209
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
210
211
212 
//== 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
213
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
214 
//** Background for the dropdown menu.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
215 
@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
216 
//** Dropdown menu `border-color`.
Mark Otto's avatar
Fix btn link hover and tweak dropdown border/shadows    
Mark Otto committed
217 
@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
218 
//** Dropdown menu `border-color` **for IE8**.
syed's avatar
moving code and dropdowns to variables.less    
syed committed
219 
@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
220 
//** Divider color for between dropdown items.
Mark Otto's avatar
Update dropdown vars    
Mark Otto committed
221 
@dropdown-divider-bg:            #e5e5e5;
Mark Otto's avatar
more vars changing    
Mark Otto committed
222
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
223 
//** Dropdown link text color.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
224 
@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
225 
//** Hover color for dropdown links.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
226 
@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
227 
//** Hover background for dropdown links.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
228
229 
@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
230 
//** 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
231 
@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
232 
//** Active dropdown menu item background color.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
233 
@dropdown-link-active-bg:        @component-active-bg;
Mark Otto's avatar
add separate vars for dropdown link hover and active states    
Mark Otto committed
234
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
235 
//** Disabled dropdown menu item background color.
Mark Otto's avatar
addressing #9189 manually, part 2: dropdown header and disabled link colors...    
Mark Otto committed
236
237 
@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
238 
//** 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
239 
@dropdown-header-color:          @gray-light;
Mark Otto's avatar
spacing    
Mark Otto committed
240
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
241
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
242
243
244
245
246
247 
//-- 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
248
Mark Otto's avatar
Add default navbar z-index to fix #9844    
Mark Otto committed
249 
@zindex-navbar:            1000;
Mark Otto's avatar
remove sprites vars, change zindex vars    
Mark Otto committed
250 
@zindex-dropdown:          1000;
Chris Rebert's avatar
rm not particularly useful @zindex var comments    
Chris Rebert committed
251
252 
@zindex-popover:           1060;
@zindex-tooltip:           1070;
Mark Otto's avatar
remove sprites vars, change zindex vars    
Mark Otto committed
253
254
255 
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
256
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
257
258
259 

//== Media queries breakpoints
//
Mark Otto's avatar
Drop: @screen-table, @screen-desktop, @screen-lg-desktop, @screen-sm, @screen-md, @screen-lg    
Mark Otto committed
260 
//## Define the minimum and maximum dimensions 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
261
Chris Rebert's avatar
Greater standardization of sizing terminology    
Chris Rebert committed
262 
// Extra small screen / phone
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
263 
@screen-xs-max:              (@screen-sm-min - .1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
264
265 

// Small screen / tablet
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
266
267 
@screen-sm-min:              48em;
@screen-sm-max:              (@screen-md-min - .1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
268
269 

// Medium screen / desktop
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
270
271 
@screen-md-min:              62em;
@screen-md-max:              (@screen-lg-min - .1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
272
273 

// Large screen / wide desktop
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
274 
@screen-lg-min:              75em;
Mark Otto's avatar
Scope tablet classes to tablets range only    
Mark Otto committed
275
276
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
277
278
279 
//== Grid system
//
//## Define your custom responsive grid.
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
280
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
281 
//** Number of columns in the grid.
Mark Otto's avatar
Drop: Device-named container variables since we alreay sort of deprecated them many releases ago    
Mark Otto committed
282 
@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
283 
//** Padding between columns. Gets divided in half for the left and right.
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
284 
@grid-gutter-width:          1.5rem;
Mark Otto's avatar
Fixes #11610: Add @grid-float-breakpoint-max to better link navbar behavior...    
Mark Otto committed
285 
// Navbar collapse
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
286 
//** Point at which the navbar becomes uncollapsed.
Mark Otto's avatar
Drop: Device-named container variables since we alreay sort of deprecated them many releases ago    
Mark Otto committed
287 
@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
288 
//** Point at which the navbar begins collapsing.
Mark Otto's avatar
Drop: Device-named container variables since we alreay sort of deprecated them many releases ago    
Mark Otto committed
289 
@grid-float-breakpoint-max:  (@grid-float-breakpoint - 1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
290
Mark Otto's avatar
use variablef or wells background-color, update docs for glyphicons license...    
Mark Otto committed
291
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
292
293
294
295
296 
//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.

//** For `@screen-sm-min` and up.
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
297 
@container-sm:               45rem; // 720
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
298
299 

//** For `@screen-md-min` and up.
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
300 
@container-md:               60rem; // 960
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
301
302 

//** For `@screen-lg-min` and up.
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
303 
@container-lg:               72.25rem; // 1140
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
304
305
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
306
307
308 
//== Navbar
//
//##
Mark Otto's avatar
more vars changed    
Mark Otto committed
309
Mark Otto's avatar
More navbar derping    
Mark Otto committed
310
311 
// 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
312 
@navbar-margin-bottom:             @line-height-computed;
Mark Otto's avatar
fixes #9063: add var for navbar border radius    
Mark Otto committed
313 
@navbar-border-radius:             @border-radius-base;
Mark Otto's avatar
Fix navbar margins and update grid sidebar styles to match    
Mark Otto committed
314 
@navbar-padding-horizontal:        (@grid-gutter-width / 2);
Mark Otto's avatar
fixes #8206: Use navbar height var to compute vertical padding on navbar-brand    
Mark Otto committed
315 
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
Chris Rebert's avatar
add @navbar-collapse-max-height Less variable    
Chris Rebert committed
316 
@navbar-collapse-max-height:       340px;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
317
Mark Otto's avatar
Massive customizer audit and overhaul    
Mark Otto committed
318
319
320
321 
@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
322 
// Navbar links
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
323
324
325
326 
@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
327 
@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
328
329 
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;
Mark Otto's avatar
More navbar derping    
Mark Otto committed
330
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
331 
// Navbar brand label
Julian Thilo's avatar
Fix some forgotten things for navbar-default    
Julian Thilo committed
332 
@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
333 
@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
334 
@navbar-default-brand-hover-bg:            transparent;
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
335
Mark Otto's avatar
move some thing around    
Mark Otto committed
336 
// Navbar toggle
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
337 
@navbar-default-toggle-hover-bg:           #ddd;
Zlatan Vasović's avatar
Darken icon bar to meet WCAG    
Zlatan Vasović committed
338 
@navbar-default-toggle-icon-bar-bg:        #888;
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
339 
@navbar-default-toggle-border-color:       #ddd;
Mark Otto's avatar
move some thing around    
Mark Otto committed
340
341
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
342 
// Inverted navbar
Mark Otto's avatar
move some thing around    
Mark Otto committed
343 
// Reset inverted navbar basics
Mark Otto's avatar
Fixes #13943: Lighten the navbar inverse link color more since our text contrast change in v3.2.0    
Mark Otto committed
344 
@navbar-inverse-color:                      lighten(@gray-light, 12%);
Mark Otto's avatar
mo betta new navbar styles; hook up some changed vars    
Mark Otto committed
345 
@navbar-inverse-bg:                         #222;
Mark Otto's avatar
lighter default navbar, add borders to navbars, tweak padding and alignments    
Mark Otto committed
346 
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Mark Otto's avatar
navbar vars    
Mark Otto committed
347
Mark Otto's avatar
improve navbar vars and fix side nav alignment    
Mark Otto committed
348 
// Inverted navbar links
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
349 
@navbar-inverse-link-color:                 @gray-light;
Mark Otto's avatar
more consistent navbar vars    
Mark Otto committed
350
351
352
353
354
355 
@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
356
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
357
358
359
360
361 
// 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
362
363
364
365
366 
// 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
367
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
368
369
370 
//== Navs
//
//##
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
371
Chris Rebert's avatar
add support for '//===' for <h3>s in bs-lessdoc    
Chris Rebert committed
372 
//=== Shared nav styles
Mark Otto's avatar
fixes #9587: add var for nav link padding    
Mark Otto committed
373 
@nav-link-padding:                          10px 15px;
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
374
375
376
377
378
379
380 
@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
381 
//== Tabs
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
382
383
384
385
386
387
388
389
390
391
392 
@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
393 
//== Pills
Jake Buob's avatar
Add nav-pills-border-radius variable    
Jake Buob committed
394 
@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
395 
@nav-pills-active-link-hover-bg:            @component-active-bg;
Mark Otto's avatar
update vars to use new component-active-color    
Mark Otto committed
396 
@nav-pills-active-link-hover-color:         @component-active-color;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
397
Mark Otto's avatar
move some thing around    
Mark Otto committed
398
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
399
400
401 
//== Pagination
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
402
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
403 
@pagination-color:                     @link-color;
Mark Otto's avatar
-background to -bg on pagination vars    
Mark Otto committed
404 
@pagination-bg:                        #fff;
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
405 
@pagination-border:                    #ddd;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
406
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
407 
@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
408 
@pagination-hover-bg:                  @gray-lighter;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
409 
@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
410
411 

@pagination-active-color:              #fff;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
412
413 
@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
414
syed's avatar
move things around :)    
syed committed
415 
@pagination-disabled-color:            @gray-light;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
416
417 
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;
syed's avatar
move things around :)    
syed committed
418
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
419
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
420
421
422 
//== Pager
//
//##
syed's avatar
move things around :)    
syed committed
423
Zlatan Vasović's avatar
Improve pager customization    
Zlatan Vasović committed
424
425 
@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
syed's avatar
move things around :)    
syed committed
426 
@pager-border-radius:                  15px;
Zlatan Vasović's avatar
Improve pager customization    
Zlatan Vasović committed
427
428
429
430
431
432
433 

@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
434
Mark Otto's avatar
huuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuge update to doces and stuff    
Mark Otto committed
435
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
436
437
438 
//== Jumbotron
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
439
Mark Otto's avatar
fix #9832 somewhat: more vars for jumbotron    
Mark Otto committed
440
441 
@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
442 
@jumbotron-bg:                   @gray-lighter;
Mark Otto's avatar
Rename .hero-unit to .jumbotron becaue fuck dashes in filenames and sports...    
Mark Otto committed
443 
@jumbotron-heading-color:        inherit;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
444 
@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
445
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
446
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
447
448
449 
//== 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
450
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
451 
@state-success-text:             #3c763d;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
452
453 
@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
454
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
455 
@state-info-text:                #31708f;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
456
457 
@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
458
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
459 
@state-warning-text:             #8a6d3b;
Mark Otto's avatar
Match order of vars to order of components; darken some alert borders    
Mark Otto committed
460
461
462 
@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
463 
@state-danger-text:              #a94442;
Mark Otto's avatar
Match order of vars to order of components; darken some alert borders    
Mark Otto committed
464
465
466 
@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
467
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
468
469
470
471
472 
//== Tooltips
//
//##

//** Tooltip max width
Mark Otto's avatar
Vars update    
Mark Otto committed
473 
@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
474 
//** Tooltip text color
Mark Otto's avatar
Cleanup spacing in variables file    
Mark Otto committed
475 
@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
476 
//** Tooltip background color
Mark Otto's avatar
Fixes #9145: Fix tooltip opacity    
Mark Otto committed
477 
@tooltip-bg:                  #000;
Mark Otto's avatar
Fixes #11555: Add `@tooltip-opacity` variable    
Mark Otto committed
478 
@tooltip-opacity:             .9;
Mark Otto's avatar
Vars update    
Mark Otto committed
479
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
480 
//** Tooltip arrow width
Mark Otto's avatar
Cleanup spacing in variables file    
Mark Otto committed
481 
@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
482 
//** Tooltip arrow color
Mark Otto's avatar
-background to -bg on tooltip and popover vars    
Mark Otto committed
483 
@tooltip-arrow-color:         @tooltip-bg;
Mark Otto's avatar
remove popoverarrows mixin, relegate code to tooltips and popvers since we...    
Mark Otto committed
484
syed's avatar
move things around :)    
syed 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 
//== Popovers
//
//##

//** Popover body background color
Mark Otto's avatar
Vars update    
Mark Otto committed
491 
@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
492 
//** Popover maximum width
Mark Otto's avatar
Vars update    
Mark Otto committed
493 
@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
494 
//** Popover border color
Mark Otto's avatar
Vars update    
Mark Otto committed
495 
@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
496 
//** Popover fallback border color
Mark Otto's avatar
Vars update    
Mark Otto committed
497
498 
@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
499 
//** Popover title background color
Mark Otto's avatar
Vars update    
Mark Otto committed
500 
@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
501
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
502 
//** Popover arrow width
Mark Otto's avatar
Vars update    
Mark Otto committed
503 
@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
504 
//** Popover arrow color
Mark Otto's avatar
Vars update    
Mark Otto committed
505 
@popover-arrow-color:                 #fff;
syed's avatar
move things around :)    
syed committed
506
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
507 
//** Popover outer arrow width
Mark Otto's avatar
Vars update    
Mark Otto committed
508 
@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
509 
//** Popover outer arrow color
Mark Otto's avatar
Fixes #12674    
Mark Otto committed
510 
@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
511 
//** Popover outer arrow fallback color
Mark Otto's avatar
Fixes #12674    
Mark Otto committed
512 
@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
513
514
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
515
516
517 
//== Labels
//
//##
Mark Otto's avatar
Update labels to include a base class    
Mark Otto committed
518
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
519 
//** Default label background color
Mark Otto's avatar
Update labels to include a base class    
Mark Otto committed
520 
@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
521 
//** Primary label background color
Mark Otto's avatar
Fixes #9617: consistent variation order, add .label-primary    
Mark Otto committed
522 
@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
523 
//** Success label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
524 
@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
525 
//** Info label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
526 
@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
527 
//** Warning label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
528 
@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
529 
//** Danger label background color
Mark Otto's avatar
-background to -bg on labels vars    
Mark Otto committed
530 
@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
531
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
532 
//** Default label text color
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
533 
@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
534 
//** Default text color of a linked label
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
535
536 
@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
537
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
538
539
540
541
542 
//== 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
543 
@modal-inner-padding:         15px;
Mark Otto's avatar
finish modal tweaks    
Mark Otto committed
544
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
545 
//** 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
546 
@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
547 
//** Modal title line-height
Mark Otto's avatar
add modal variables and tweak padding for min-height on modal title    
Mark Otto committed
548
549 
@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
550 
//** Background color of modal content area
syed's avatar
Moved modals inline properties to variables.less    
syed committed
551 
@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
552 
//** Modal content border color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
553 
@modal-content-border-color:                   rgba(0,0,0,.2);
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
554 
//** Modal content border color **for IE8**
syed's avatar
Moved modals inline properties to variables.less    
syed committed
555
556 
@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
557 
//** Modal backdrop background color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
558 
@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
559 
//** Modal backdrop opacity
Geremia Taglialatela's avatar
Customizable backdrop opacity    
Geremia Taglialatela committed
560 
@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
561 
//** Modal header border color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
562 
@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
563 
//** Modal footer border color
Mark Otto's avatar
make footer border color use header border color in modals    
Mark Otto committed
564 
@modal-footer-border-color:   @modal-header-border-color;
syed's avatar
Moved modals inline properties to variables.less    
syed committed
565
LFeh's avatar
Options of sizes added in modal    
LFeh committed
566 
@modal-lg:                    900px;
Chris Rebert's avatar
add & use @modal-md Less var for uniformity    
Chris Rebert committed
567 
@modal-md:                    600px;
LFeh's avatar
Adjust in modal size rules    
LFeh committed
568 
@modal-sm:                    300px;
LFeh's avatar
Options of sizes added in modal    
LFeh committed
569
syed's avatar
Moved modals inline properties to variables.less    
syed committed
570
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
571
572
573
574 
//== 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
575
576 
@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
577 
@alert-link-font-weight:      bold;
Markus Maga's avatar
Added padding variable for alerts and changed customize.html Warning state...    
Markus Maga committed
578
Mark Otto's avatar
Make alerts use variables better    
Mark Otto committed
579
580
581
582
583
584
585
586 
@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
587
588
589
590
591
592
593
594 
@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
595
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
596
597
598
599
600 
//== Progress bars
//
//##

//** Background color of the whole progress component
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
601 
@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
602 
//** Progress bar text color
Mark Otto's avatar
Vars update    
Mark Otto committed
603
604 
@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
605 
//** Default progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
606 
@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
607 
//** Success progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
608 
@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
609 
//** Warning progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
610 
@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
611 
//** Danger progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
612 
@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
613
614 
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
615
616
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
617
618
619
620
621 
//== List group
//
//##

//** Background color on `.list-group-item`
Mark Otto's avatar
Change variable    
Mark Otto committed
622 
@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
623 
//** `.list-group-item` border color
Mark Otto's avatar
Change variable    
Mark Otto committed
624 
@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
625 
//** List group border radius
Mark Otto's avatar
Change variable    
Mark Otto committed
626
627 
@list-group-border-radius:      @border-radius-base;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
628 
//** Background color of single list items on hover
Mark Otto's avatar
Change variable    
Mark Otto committed
629 
@list-group-hover-bg:           #f5f5f5;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
630 
//** Text color of active list items
Mark Otto's avatar
Change variable    
Mark Otto committed
631 
@list-group-active-color:       @component-active-color;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
632 
//** Background color of active list items
Mark Otto's avatar
Change variable    
Mark Otto committed
633 
@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
634 
//** Border color of active list elements
Mark Otto's avatar
Change variable    
Mark Otto committed
635 
@list-group-active-border:      @list-group-active-bg;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
636 
//** Text color for content within active list items
Mark Otto's avatar
Change variable    
Mark Otto committed
637
638 
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
639
640
641
642
643
644 
//** Text color of disabled list items
@list-group-disabled-color:      @gray-light;
//** Background color of disabled list items
@list-group-disabled-bg:         @gray-lighter;
//** Text color for content within disabled list items
@list-group-disabled-text-color: @list-group-disabled-color;
Frederick Marcoux's avatar
Update variables.less    
Frederick Marcoux committed
645
Mark Otto's avatar
Change variable    
Mark Otto committed
646 
@list-group-link-color:         #555;
DaSch's avatar
add posibillity to hover links and not background in list-groups    
DaSch committed
647 
@list-group-link-hover-color:   @list-group-link-color;
Mark Otto's avatar
Change variable    
Mark Otto committed
648 
@list-group-link-heading-color: #333;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
649
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
650
651
652
653
654 

//== Panels
//
//##
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
655 
@panel-bg:                    #fff;
Mark Otto's avatar
Fixes #11867: Add `@panel-body-padding` variable    
Mark Otto committed
656 
@panel-body-padding:          15px;
rhaase's avatar
Defined and use variables for .panel-heading & .panel-footer padding    
rhaase committed
657
658 
@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
659 
@panel-border-radius:         @border-radius-base;
Mark Otto's avatar
Fixes #11867: Add `@panel-body-padding` variable    
Mark Otto committed
660
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
661 
//** Border color for elements within panels
Mark Otto's avatar
Fixes #11867: Add `@panel-body-padding` variable    
Mark Otto committed
662 
@panel-inner-border:          #ddd;
Mark Otto's avatar
Add .panel-footer    
Mark Otto committed
663 
@panel-footer-bg:             #f5f5f5;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
664
Mark Otto's avatar
Refactor panels to have a base class for improved flexibility when customizing...    
Mark Otto committed
665
666
667
668 
@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;
Mark Otto's avatar
add .panel-primary    
Mark Otto committed
669
670
671
672 
@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
673
674 
@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
675 
@panel-success-heading-bg:    @state-success-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
676
Julian Thilo's avatar
Fix #12073: Consistent order of variations    
Julian Thilo committed
677
678
679
680 
@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
681
682 
@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
683 
@panel-warning-heading-bg:    @state-warning-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
684
685
686 

@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
687 
@panel-danger-heading-bg:     @state-danger-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
688
689
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
690
691
692
693
694 
//== Thumbnails
//
//##

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

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

//== Type
//
//##
Gleb Mazovetskiy's avatar
Move variable declaration before its use for Sass    
Gleb Mazovetskiy committed
799
800 
//** Horizontal offset for forms and lists.
@component-offset-horizontal: 180px;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
801 
//** Text muted color
syed's avatar
move things around :)    
syed committed
802 
@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
803 
//** Abbreviations and acronyms border color
syed's avatar
move things around :)    
syed committed
804 
@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
805 
//** Headings small color
syed's avatar
move things around :)    
syed committed
806 
@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
807 
//** Blockquote small color
syed's avatar
move things around :)    
syed committed
808 
@blockquote-small-color:      @gray-light;
Zlatan Vasović's avatar
Fix #12656: add @blockquote-font-size    
Zlatan Vasović committed
809
810 
//** 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
811 
//** Blockquote border color
syed's avatar
move things around :)    
syed committed
812 
@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
813 
//** Page header border color
syed's avatar
move things around :)    
syed committed
814 
@page-header-border-color:    @gray-lighter;
Mark Otto's avatar
fixes #13346: add a variable for .dl-horizontal's offset    
Mark Otto committed
815
816 
//** Width of horizontal description list titles
@dl-horizontal-offset:        @component-offset-horizontal;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
817 
//** Horizontal line color.
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
818 
@hr-border:                   @gray-lighter;
Mark Otto's avatar
more vars changed    
Mark Otto committed
819
Gleb Mazovetskiy's avatar
Move variable declaration before its use for Sass    
Gleb Mazovetskiy committed
820