Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
variables.less 22.8 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 
//== Global settings
//
//## Quickly modify global styling by enabling or disabling features.

@enable-rounded:            true;
@enable-shadows:            true;
@enable-gradients:          true;
Mark Otto's avatar
transitions mixin and global variable, add it to buttons    
Mark Otto committed
46 
@enable-transitions:        true;
Mark Otto's avatar
Implement the new border-radius guard: only round things if global @enable-rounded == true    
Mark Otto committed
47
48
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
49
50
51 
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
navbar vars    
Mark Otto committed
52
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
53
54 
@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
55 
//** 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72 
@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
73
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
74 
//** 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
75 
@line-height-base:           1.5;
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
76 
//** 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
77 
@line-height-computed:       (@font-size-root * @line-height-base);
Mark Otto's avatar
more consistent variable naming patterns    
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 
//** 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
80
81
82
83 
@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
84
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
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
88 
//== 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
89
Mark Otto's avatar
rems: buttons    
Mark Otto committed
90
91 
@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
92
Mark Otto's avatar
rems: buttons    
Mark Otto committed
93
94 
@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
95
Mark Otto's avatar
rems: buttons    
Mark Otto committed
96
97 
@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
98
Mark Otto's avatar
rems: buttons    
Mark Otto committed
99
100 
@padding-xs-vertical:       .2rem;
@padding-xs-horizontal:     .5rem;
Chris Rebert's avatar
fix .btn-group-xs portion of #10979    
Chris Rebert 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 
@line-height-large:         1.33;
@line-height-small:         1.5;
Mark Otto's avatar
Tighten up buttons and form controls    
Mark Otto committed
104
Mark Otto's avatar
rems: code    
Mark Otto committed
105
106
107 
@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
108
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
109
110
111
112 
//** 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
113
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
114 
//** 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
115 
@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
116 
//** 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
117 
@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
118
Mark Otto's avatar
more vars changing    
Mark Otto committed
119
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
120
121
122 
//== 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
123
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
124 
//** Padding for `<th>`s and `<td>`s.
Mark Otto's avatar
rems: table padding    
Mark Otto committed
125 
@table-cell-padding:            .6rem;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
126 
//** Padding for cells in `.table-condensed`.
Mark Otto's avatar
rems: table padding    
Mark Otto committed
127 
@table-condensed-cell-padding:  .3rem;
Mark Otto's avatar
more vars changing    
Mark Otto committed
128
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
129
130
131
132
133
134
135 
//** 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
136
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
137
138 
//** Border color for table and cell borders.
@table-border-color:            #ddd;
Mark Otto's avatar
vars less spacing and cleanup    
Mark Otto committed
139
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
140
141
142
143 

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
more vars changing    
Mark Otto committed
144
Mark Otto's avatar
fixes #9768: unbold buttons    
Mark Otto committed
145 
@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
146
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
147 
@btn-primary-color:              #fff;
Mark Otto's avatar
more consistent btn vars    
Mark Otto committed
148 
@btn-primary-bg:                 @brand-primary;
Mark Otto's avatar
More button updates    
Mark Otto committed
149 
@btn-primary-border:             darken(@btn-primary-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
150
Mark Otto's avatar
Revamp button: rename .btn-default to .btn-secondary, drop .btn-info    
Mark Otto committed
151
152
153
154 
@btn-secondary-color:            @gray-dark;
@btn-secondary-bg:               #fff;
@btn-secondary-border:           @gray-lighter;
Mark Otto's avatar
Bring back button info    
Mark Otto committed
155
156
157
158 
@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
159 
@btn-success-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
160 
@btn-success-bg:                 @brand-success;
Mark Otto's avatar
More button updates    
Mark Otto committed
161 
@btn-success-border:             darken(@btn-success-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
162
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
163 
@btn-warning-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
164 
@btn-warning-bg:                 @brand-warning;
Mark Otto's avatar
More button updates    
Mark Otto committed
165 
@btn-warning-border:             darken(@btn-warning-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
166
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
167 
@btn-danger-color:               #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
168 
@btn-danger-bg:                  @brand-danger;
Mark Otto's avatar
More button updates    
Mark Otto committed
169 
@btn-danger-border:              darken(@btn-danger-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
170
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
171 
@btn-link-disabled-color:        @gray-light;
syed's avatar
move things around    
syed committed
172
Mark Otto's avatar
adding table variables    
Mark Otto committed
173
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
174
175
176 
//== Forms
//
//##
Mark Otto's avatar
more vars changing    
Mark Otto committed
177
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
178 
//** `<input>` background color
Mark Otto's avatar
more consistent forms vars; drop search border radius since no more search form    
Mark Otto committed
179 
@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
180 
//** `<input disabled>` background color
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
181 
@input-bg-disabled:              @gray-lighter;
Mark Otto's avatar
more vars changing    
Mark Otto committed
182
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
183 
//** Text color for `<input>`s
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
184 
@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
185 
//** `<input>` border color
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
186 
@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
187 
//** `<input>` border radius
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
188 
@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
189 
//** Border color for inputs on focus
Mark Otto's avatar
Enable input focus state customization    
Mark Otto committed
190 
@input-border-focus:             #66afe9;
Mark Otto's avatar
Use .box-shadow() mixin so we can enable/disable them    
Mark Otto committed
191 
@input-box-shadow-focus:         rgba(102,175,233,.6);
Mark Otto's avatar
more vars changing    
Mark Otto committed
192
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
193 
//** Placeholder text color
Mark Otto's avatar
Fixes #14107: Lighten placeholder text    
Mark Otto committed
194 
@input-color-placeholder:        #999;
Mark Otto's avatar
more vars changing    
Mark Otto committed
195
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
196 
//** Default `.form-control` height
Mark Otto's avatar
rems: input sizes    
Mark Otto committed
197 
@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
198 
//** Large `.form-control` height
Mark Otto's avatar
rems: input sizes    
Mark Otto committed
199 
@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
200 
//** Small `.form-control` height
Mark Otto's avatar
rems: input sizes    
Mark Otto committed
201 
@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
202
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
203 
@legend-color:                   @gray-dark;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
204
205 
@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
206 
//** Background color for textual input addons
Mark Otto's avatar
addressing #9189 manually, part 4: input group background var    
Mark Otto committed
207 
@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
208 
//** Border color for textual input addons
Mark Otto's avatar
Update forms vars    
Mark Otto committed
209 
@input-group-addon-border-color: @input-border;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
210
Mark Otto's avatar
adding table variables    
Mark Otto committed
211
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
212
213
214 
//== 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
215
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
216 
//** Background for the dropdown menu.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
217 
@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
218 
//** Dropdown menu `border-color`.
Mark Otto's avatar
Fix btn link hover and tweak dropdown border/shadows    
Mark Otto committed
219 
@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
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
Badges, navs, and more    
Mark Otto committed
373 
@nav-link-padding:                          .5em 1em;
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
554 
@modal-content-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
555 
//** Modal backdrop background color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
556 
@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
557 
//** Modal backdrop opacity
Geremia Taglialatela's avatar
Customizable backdrop opacity    
Geremia Taglialatela committed
558 
@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
559 
//** Modal header border color
syed's avatar
Moved modals inline properties to variables.less    
syed committed
560 
@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
561 
//** Modal footer border color
Mark Otto's avatar
make footer border color use header border color in modals    
Mark Otto committed
562 
@modal-footer-border-color:   @modal-header-border-color;
syed's avatar
Moved modals inline properties to variables.less    
syed committed
563
LFeh's avatar
Options of sizes added in modal    
LFeh committed
564 
@modal-lg:                    900px;
Chris Rebert's avatar
add & use @modal-md Less var for uniformity    
Chris Rebert committed
565 
@modal-md:                    600px;
LFeh's avatar
Adjust in modal size rules    
LFeh committed
566 
@modal-sm:                    300px;
LFeh's avatar
Options of sizes added in modal    
LFeh committed
567
syed's avatar
Moved modals inline properties to variables.less    
syed committed
568
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
569
570
571
572 
//== 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
573
574 
@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
575 
@alert-link-font-weight:      bold;
Markus Maga's avatar
Added padding variable for alerts and changed customize.html Warning state...    
Markus Maga committed
576
Mark Otto's avatar
Make alerts use variables better    
Mark Otto committed
577
578
579
580
581
582
583
584 
@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
585
586
587
588
589
590
591
592 
@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
593
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
594
595
596
597
598 
//== Progress bars
//
//##

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

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

//== Thumbnails
//
//##

//** Padding around the thumbnail image
Mark Otto's avatar
Nuke unused vars for panels wells and thumbnails    
Mark Otto committed
654 
@thumbnail-padding:           .25rem;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
655 
//** Thumbnail background color
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
656 
@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
657 
//** Thumbnail border color
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
658 
@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
659 
//** Thumbnail border radius
Mark Otto's avatar
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars    
Mark Otto committed
660
661 
@thumbnail-border-radius:     @border-radius-base;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
662
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
663
664
665
666 
//== Badges
//
//##
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
667 
@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
668 
//** Linked badge text color on hover
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
669 
@badge-link-hover-color:      #fff;
Francis Brunelle's avatar
@badge-bg should be @gray-light not #f5f5f5    
Francis Brunelle committed
670 
@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
671
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
672 
//** Badge text color in active nav link
Mark Otto's avatar
Update vars for badges, breadcrumbs; update customize page    
Mark Otto committed
673 
@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
674 
//** Badge background color in active nav link
Mark Otto's avatar
Update vars for badges, breadcrumbs; update customize page    
Mark Otto committed
675
676 
@badge-active-bg:             #fff;
syed's avatar
move things around    
syed committed
677
678 
@badge-font-weight:           bold;
@badge-line-height:           1;
Mark Otto's avatar
Badges, navs, and more    
Mark Otto committed
679 
@badge-border-radius:         2em;
syed's avatar
move things around    
syed committed
680
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
681
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
682
683
684
685 
//== Breadcrumbs
//
//##
Mark Otto's avatar
rems: update breadcrumbs to use new sizing; improve variables by renaming...    
Mark Otto committed
686
687
688 
@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
689 
//** Breadcrumb background color
Mark Otto's avatar
rems: update breadcrumbs to use new sizing; improve variables by renaming...    
Mark Otto committed
690
691
692 
@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
693 
//** Text color of current page in the breadcrumb
Zlatan Vasović's avatar
Use variables for breadcrumb padding    
Zlatan Vasović committed
694 
@breadcrumb-active-color:       @gray-light;
Mark Otto's avatar
rems: update breadcrumbs to use new sizing; improve variables by renaming...    
Mark Otto committed
695
696 
//** Textual divider for between breadcrumb elements
@breadcrumb-divider:            "/";
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
697
Mark Otto's avatar
Run make on prev commits    
Mark Otto committed
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 
//== 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
702
Mark Otto's avatar
Update carousel vars    
Mark Otto committed
703
704 
@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
syed's avatar
Move inline properties to variables.less    
syed committed
705 
@carousel-control-color:                      #fff;
syed's avatar
move things around    
syed committed
706
707
708 
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;
syed's avatar
Move inline properties to variables.less    
syed committed
709
Mark Otto's avatar
Update carousel vars    
Mark Otto committed
710 
@carousel-indicator-active-bg:                #fff;
syed's avatar
move things around    
syed committed
711 
@carousel-indicator-border-color:             #fff;
syed's avatar
Move inline properties to variables.less    
syed committed
712
713
714 

@carousel-caption-color:                      #fff;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
715
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
716
717
718
719 
//== Close
//
//##
syed's avatar
move things around    
syed committed
720 
@close-font-weight:           bold;
Mark Otto's avatar
Massive customizer audit and overhaul    
Mark Otto committed
721 
@close-color:                 #000;
Mark Otto's avatar
Update close vars    
Mark Otto committed
722 
@close-text-shadow:           0 1px 0 #fff;
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
723
syed's avatar
moving code and dropdowns to variables.less    
syed committed
724
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
725
726
727
728 
//== Code
//
//##
Mark Otto's avatar
Change `code` variables to match `pre`    
Mark Otto committed
729
730 
@code-color:                  #d44950;
@code-bg:                     #f7f7f9;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
731
Mark Otto's avatar
Fixes #11193: Add kbd element styles to indicate user input via keyboard    
Mark Otto committed
732
733
734 
@kbd-color:                   #fff;
@kbd-bg:                      #333;
Mark Otto's avatar
start the move to rems    
Mark Otto committed
735 
@pre-bg:                      #f7f7f9;
Mark Otto's avatar
addressing #9189 manually, part 1: code and pre vars    
Mark Otto committed
736 
@pre-color:                   @gray-dark;
Mark Otto's avatar
Update code vars    
Mark Otto committed
737 
@pre-border-color:            #ccc;
Mark Otto's avatar
addressing #9189 manually, part 1: code and pre vars    
Mark Otto committed
738 
@pre-scrollable-max-height:   340px;
syed's avatar
moving code and dropdowns to variables.less    
syed committed
739
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
740
741
742
743
744 

//== Type
//
//##
Gleb Mazovetskiy's avatar
Move variable declaration before its use for Sass    
Gleb Mazovetskiy committed
745
746 
//** 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
747 
//** Text muted color
syed's avatar
move things around :)    
syed committed
748 
@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
749 
//** Abbreviations and acronyms border color
syed's avatar
move things around :)    
syed committed
750 
@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
751 
//** Headings small color
syed's avatar
move things around :)    
syed committed
752 
@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
753 
//** Blockquote small color
syed's avatar
move things around :)    
syed committed
754 
@blockquote-small-color:      @gray-light;
Zlatan Vasović's avatar
Fix #12656: add @blockquote-font-size    
Zlatan Vasović committed
755
756 
//** 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
757 
//** Blockquote border color
syed's avatar
move things around :)    
syed committed
758 
@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
759 
//** Page header border color
syed's avatar
move things around :)    
syed committed
760 
@page-header-border-color:    @gray-lighter;
Mark Otto's avatar
fixes #13346: add a variable for .dl-horizontal's offset    
Mark Otto committed
761
762 
//** 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
763 
//** Horizontal line color.
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
764 
@hr-border:                   @gray-lighter;
Mark Otto's avatar
more vars changed    
Mark Otto committed
765
Gleb Mazovetskiy's avatar
Move variable declaration before its use for Sass    
Gleb Mazovetskiy committed
766