Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
_variables.less 23.2 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 
//== Global settings
//
//## Quickly modify global styling by enabling or disabling features.
Mark Otto's avatar
spacing    
Mark Otto committed
43
44
45
46 
@enable-rounded:             true;
@enable-shadows:             true;
@enable-gradients:           true;
@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
Mark Otto's avatar
spacing    
Mark Otto committed
48 
@spacer:                     1rem;
Mark Otto's avatar
Some secondary button border action    
Mark Otto committed
49 
@border-width:               .075rem;
Mark Otto's avatar
Implement the new border-radius guard: only round things if global @enable-rounded == true    
Mark Otto committed
50
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
51
52
53 
//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
navbar vars    
Mark Otto committed
54
Mark Otto's avatar
Clean up variable alignment and comments; change grays to new custom values    
Mark Otto committed
55
56 
@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
57 
//** 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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74 
@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
75
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
76 
//** 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
77 
@line-height-base:           1.5;
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
78 
//** 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
79 
@line-height-computed:       (@font-size-root * @line-height-base);
Mark Otto's avatar
more consistent variable naming patterns    
Mark Otto committed
80
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
81 
//** 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
82
83
84
85 
@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
86
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
87
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
88
89
90 
//== 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
91
Mark Otto's avatar
rems: buttons    
Mark Otto committed
92 
@padding-base-vertical:     .5rem;
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
93 
@padding-base-horizontal:   .75rem;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
94
Mark Otto's avatar
rems: buttons    
Mark Otto committed
95
96 
@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
97
Mark Otto's avatar
rems: buttons    
Mark Otto committed
98
99 
@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
100
Mark Otto's avatar
rems: buttons    
Mark Otto committed
101
102 
@padding-xs-vertical:       .2rem;
@padding-xs-horizontal:     .5rem;
Chris Rebert's avatar
fix .btn-group-xs portion of #10979    
Chris Rebert committed
103
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
104
105 
@line-height-large:         1.33;
@line-height-small:         1.5;
Mark Otto's avatar
Tighten up buttons and form controls    
Mark Otto committed
106
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
107 
@border-radius-base:        .25rem;
Mark Otto's avatar
rems: code    
Mark Otto committed
108
109 
@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
110
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
111
112
113
114 
//** 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
115
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
116 
//** 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
117 
@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
118 
//** 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
119 
@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
120
Mark Otto's avatar
more vars changing    
Mark Otto committed
121
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
122
123
124 
//== 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
125
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 `<th>`s and `<td>`s.
Mark Otto's avatar
inverse table idea    
Mark Otto committed
127 
@table-cell-padding:            .75rem;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
128 
//** Padding for cells in `.table-condensed`.
Mark Otto's avatar
rems: table padding    
Mark Otto committed
129 
@table-condensed-cell-padding:  .3rem;
Mark Otto's avatar
more vars changing    
Mark Otto committed
130
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
131
132
133
134
135
136
137 
//** 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
138
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
139 
//** Border color for table and cell borders.
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
140 
@table-border-color:            @gray-lighter;
Mark Otto's avatar
vars less spacing and cleanup    
Mark Otto committed
141
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
142
143
144
145 

//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
Mark Otto's avatar
more vars changing    
Mark Otto committed
146
Mark Otto's avatar
fixes #9768: unbold buttons    
Mark Otto committed
147 
@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
148
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
149 
@btn-primary-color:              #fff;
Mark Otto's avatar
more consistent btn vars    
Mark Otto committed
150 
@btn-primary-bg:                 @brand-primary;
Mark Otto's avatar
More button updates    
Mark Otto committed
151 
@btn-primary-border:             darken(@btn-primary-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
152
Mark Otto's avatar
Revamp button: rename .btn-default to .btn-secondary, drop .btn-info    
Mark Otto committed
153
154
155
156 
@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
157
158
159
160 
@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
161 
@btn-success-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
162 
@btn-success-bg:                 @brand-success;
Mark Otto's avatar
More button updates    
Mark Otto committed
163 
@btn-success-border:             darken(@btn-success-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
164
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
165 
@btn-warning-color:              #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
166 
@btn-warning-bg:                 @brand-warning;
Mark Otto's avatar
More button updates    
Mark Otto committed
167 
@btn-warning-border:             darken(@btn-warning-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
168
Mark Otto's avatar
Fixes #8786 (part 2): new default button styles    
Mark Otto committed
169 
@btn-danger-color:               #fff;
Tom Pietschker's avatar
rename btn bg variables so that they are consistent with the other variables    
Tom Pietschker committed
170 
@btn-danger-bg:                  @brand-danger;
Mark Otto's avatar
More button updates    
Mark Otto committed
171 
@btn-danger-border:              darken(@btn-danger-bg, 5%);
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
172
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
173 
@btn-link-disabled-color:        @gray-light;
syed's avatar
move things around    
syed committed
174
Mark Otto's avatar
adding table variables    
Mark Otto committed
175
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
176
177
178 
//== Forms
//
//##
Mark Otto's avatar
more vars changing    
Mark Otto committed
179
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
180 
//** `<input>` background color
Mark Otto's avatar
more consistent forms vars; drop search border radius since no more search form    
Mark Otto committed
181 
@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
182 
//** `<input disabled>` background color
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
183 
@input-bg-disabled:              @gray-lighter;
Mark Otto's avatar
more vars changing    
Mark Otto committed
184
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
185 
//** Text color for `<input>`s
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
186 
@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
187 
//** `<input>` border color
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
188 
@input-border:                   #ccc;
Marat Abdullin's avatar
Variables for large and small input border radiuses    
Marat Abdullin committed
189
190
191 

// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
//** Default `.form-control` border radius
Mark Otto's avatar
more vars changed, remove @white var    
Mark Otto committed
192 
@input-border-radius:            @border-radius-base;
Marat Abdullin's avatar
Variables for large and small input border radiuses    
Marat Abdullin committed
193
194
195
196
197 
//** Large `.form-control` border radius
@input-border-radius-large:      @border-radius-large;
//** Small `.form-control` border radius
@input-border-radius-small:      @border-radius-small;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
198 
//** Border color for inputs on focus
Mark Otto's avatar
Enable input focus state customization    
Mark Otto committed
199 
@input-border-focus:             #66afe9;
Mark Otto's avatar
Use .box-shadow() mixin so we can enable/disable them    
Mark Otto committed
200 
@input-box-shadow-focus:         rgba(102,175,233,.6);
Mark Otto's avatar
more vars changing    
Mark Otto committed
201
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
202 
//** Placeholder text color
Mark Otto's avatar
Fixes #14107: Lighten placeholder text    
Mark Otto committed
203 
@input-color-placeholder:        #999;
Mark Otto's avatar
more vars changing    
Mark Otto committed
204
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
205 
//** Default `.form-control` height
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
206 
@input-height-base:              ((@font-size-base * @line-height-base) + (@padding-base-vertical * 2) + (@border-width * 2));
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
207 
//** Large `.form-control` height
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
208 
@input-height-large:             ((@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + (@border-width * 2));
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
209 
//** Small `.form-control` height
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
210 
@input-height-small:             ((@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + (@border-width * 2));
Gil Barbara's avatar
Update line-height and padding for input sizes    
Gil Barbara committed
211
Mark Otto's avatar
addressing #9189 manually, part 3: forms    
Mark Otto committed
212 
@legend-color:                   @gray-dark;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
213
214 
@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
215 
//** Background color for textual input addons
Mark Otto's avatar
addressing #9189 manually, part 4: input group background var    
Mark Otto committed
216 
@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
217 
//** Border color for textual input addons
Mark Otto's avatar
Update forms vars    
Mark Otto committed
218 
@input-group-addon-border-color: @input-border;
syed's avatar
moving forms, labels and list-group to variables.less    
syed committed
219
Mark Otto's avatar
adding table variables    
Mark Otto committed
220
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
221
222
223 
//== 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
224
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
225 
//** Background for the dropdown menu.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
226 
@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
227 
//** Dropdown menu `border-color`.
Mark Otto's avatar
Fix btn link hover and tweak dropdown border/shadows    
Mark Otto committed
228 
@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
229 
//** Divider color for between dropdown items.
Mark Otto's avatar
Update dropdown vars    
Mark Otto committed
230 
@dropdown-divider-bg:            #e5e5e5;
Mark Otto's avatar
more vars changing    
Mark Otto committed
231
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
232 
//** Dropdown link text color.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
233 
@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
234 
//** Hover color for dropdown links.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
235 
@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
236 
//** Hover background for dropdown links.
Mark Otto's avatar
fixes #10111: different colors for dropdown link hover and active states    
Mark Otto committed
237
238 
@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
239 
//** 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
240 
@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
241 
//** Active dropdown menu item background color.
Mark Otto's avatar
more consisten dropdown vars    
Mark Otto committed
242 
@dropdown-link-active-bg:        @component-active-bg;
Mark Otto's avatar
add separate vars for dropdown link hover and active states    
Mark Otto committed
243
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
244 
//** Disabled dropdown menu item background color.
Mark Otto's avatar
addressing #9189 manually, part 2: dropdown header and disabled link colors...    
Mark Otto committed
245
246 
@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
247 
//** 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
248 
@dropdown-header-color:          @gray-light;
Mark Otto's avatar
spacing    
Mark Otto committed
249
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
250
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
251
252
253
254
255
256 
//-- 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
257
Mark Otto's avatar
Add default navbar z-index to fix #9844    
Mark Otto committed
258 
@zindex-navbar:            1000;
Mark Otto's avatar
remove sprites vars, change zindex vars    
Mark Otto committed
259 
@zindex-dropdown:          1000;
Chris Rebert's avatar
rm not particularly useful @zindex var comments    
Chris Rebert committed
260
261 
@zindex-popover:           1060;
@zindex-tooltip:           1070;
Mark Otto's avatar
remove sprites vars, change zindex vars    
Mark Otto committed
262
263
264 
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
265
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
266
267
268 

//== Media queries breakpoints
//
Mark Otto's avatar
Drop: @screen-table, @screen-desktop, @screen-lg-desktop, @screen-sm, @screen-md, @screen-lg    
Mark Otto committed
269 
//## 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
270
Chris Rebert's avatar
Greater standardization of sizing terminology    
Chris Rebert committed
271 
// Extra small screen / phone
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
272 
@screen-xs-max:              (@screen-sm-min - .1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
273
274 

// Small screen / tablet
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
275
276 
@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
277
278 

// Medium screen / desktop
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
279
280 
@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
281
282 

// Large screen / wide desktop
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
283 
@screen-lg-min:              75em;
Mark Otto's avatar
Scope tablet classes to tablets range only    
Mark Otto committed
284
285
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
286
287
288 
//== Grid system
//
//## Define your custom responsive grid.
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
289
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
290 
//** 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
291 
@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
292 
//** 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
293 
@grid-gutter-width:          1.5rem;
Mark Otto's avatar
Fixes #11610: Add @grid-float-breakpoint-max to better link navbar behavior...    
Mark Otto committed
294 
// Navbar collapse
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
295 
//** 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
296 
@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
297 
//** 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
298 
@grid-float-breakpoint-max:  (@grid-float-breakpoint - 1);
Andrey Popp's avatar
get rid of out of order variable declaration    
Andrey Popp committed
299
Mark Otto's avatar
use variablef or wells background-color, update docs for glyphicons license...    
Mark Otto committed
300
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
301
302
303
304
305 
//== 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
306 
@container-sm:               45rem; // 720
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
307
308 

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

//** For `@screen-lg-min` and up.
Mark Otto's avatar
rems: rework grid system vars to use rems/ems    
Mark Otto committed
312 
@container-lg:               72.25rem; // 1140
Mark Otto's avatar
Fixes #12555: Rearrange variables to place grids and containers closer    
Mark Otto committed
313
314
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
315
316
317 
//== Navbar
//
//##
Mark Otto's avatar
more vars changed    
Mark Otto committed
318
Mark Otto's avatar
More navbar derping    
Mark Otto committed
319
320 
// 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
321 
@navbar-margin-bottom:             @line-height-computed;
Mark Otto's avatar
fixes #9063: add var for navbar border radius    
Mark Otto committed
322 
@navbar-border-radius:             @border-radius-base;
Mark Otto's avatar
Fix navbar margins and update grid sidebar styles to match    
Mark Otto committed
323 
@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
324 
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
Chris Rebert's avatar
add @navbar-collapse-max-height Less variable    
Chris Rebert committed
325 
@navbar-collapse-max-height:       340px;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
326
Mark Otto's avatar
Massive customizer audit and overhaul    
Mark Otto committed
327
328
329
330 
@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
331 
// Navbar links
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
332
333
334
335 
@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
336 
@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
337
338 
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;
Mark Otto's avatar
More navbar derping    
Mark Otto committed
339
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
340 
// Navbar brand label
Julian Thilo's avatar
Fix some forgotten things for navbar-default    
Julian Thilo committed
341 
@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
342 
@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
343 
@navbar-default-brand-hover-bg:            transparent;
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
344
Mark Otto's avatar
move some thing around    
Mark Otto committed
345 
// Navbar toggle
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
346 
@navbar-default-toggle-hover-bg:           #ddd;
Zlatan Vasović's avatar
Darken icon bar to meet WCAG    
Zlatan Vasović committed
347 
@navbar-default-toggle-icon-bar-bg:        #888;
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
348 
@navbar-default-toggle-border-color:       #ddd;
Mark Otto's avatar
move some thing around    
Mark Otto committed
349
350
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
351 
// Inverted navbar
Mark Otto's avatar
move some thing around    
Mark Otto committed
352 
// 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
353 
@navbar-inverse-color:                      lighten(@gray-light, 12%);
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
354 
@navbar-inverse-bg:                         #373a3c;
Mark Otto's avatar
lighter default navbar, add borders to navbars, tweak padding and alignments    
Mark Otto committed
355 
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Mark Otto's avatar
navbar vars    
Mark Otto committed
356
Mark Otto's avatar
improve navbar vars and fix side nav alignment    
Mark Otto committed
357 
// Inverted navbar links
Mark Otto's avatar
Fixes #13943 again: lighten links, and text, in navbar. Still not 100% compliant, but it's better.    
Mark Otto committed
358 
@navbar-inverse-link-color:                 lighten(@gray-light, 15%);
Mark Otto's avatar
more consistent navbar vars    
Mark Otto committed
359
360
361
362
363
364 
@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
365
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
366
367
368
369
370 
// 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
371
372
373
374
375 
// 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
376
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
377
378
379 
//== Navs
//
//##
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
380
Chris Rebert's avatar
add support for '//===' for <h3>s in bs-lessdoc    
Chris Rebert committed
381 
//=== Shared nav styles
Mark Otto's avatar
new navbar ideas    
Mark Otto committed
382 
@nav-link-padding:                          .6em 1em;
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
383
384
385
386
387 
@nav-link-hover-bg:                         @gray-lighter;

@nav-disabled-link-color:                   @gray-light;
@nav-disabled-link-hover-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
388 
//== Tabs
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
389
390
391
392
393
394
395
396
397
398
399 
@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
400 
//== Pills
Jake Buob's avatar
Add nav-pills-border-radius variable    
Jake Buob committed
401 
@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
402 
@nav-pills-active-link-hover-bg:            @component-active-bg;
Mark Otto's avatar
update vars to use new component-active-color    
Mark Otto committed
403 
@nav-pills-active-link-hover-color:         @component-active-color;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
404
Mark Otto's avatar
move some thing around    
Mark Otto committed
405
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
406
407
408 
//== Pagination
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
409
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
410 
@pagination-color:                     @link-color;
Mark Otto's avatar
-background to -bg on pagination vars    
Mark Otto committed
411 
@pagination-bg:                        #fff;
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
412 
@pagination-border:                    #ddd;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
413
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
414 
@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
415 
@pagination-hover-bg:                  @gray-lighter;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
416 
@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
417
418 

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

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

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

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

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

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

//== Thumbnails
//
//##

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

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

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