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

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

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
Mark Otto's avatar
navbar vars    
Mark Otto committed
41
Mark Otto's avatar
Part 1 of unCamelCasing variables    
Mark Otto committed
42
43 
@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
44 
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
Mark Otto's avatar
fixes #11449: use menlo over monaco    
Mark Otto committed
45 
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
Mark Otto's avatar
more consistent variable naming patterns    
Mark Otto committed
46 
@font-family-base:        @font-family-sans-serif;
Mark Otto's avatar
use new font-stack mixins in base and alt font family mixins    
Mark Otto committed
47
Mark Otto's avatar
restore px unit on @font-size-base    
Mark Otto committed
48 
@font-size-base:          14px;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
49
50 
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
Mark Otto's avatar
add a ton new variables for type, buttons, inputs    
Mark Otto committed
51
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
52
53
54
55 
@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
Chris Rebert's avatar
add variables for heading font sizes; fixes #9921    
Chris Rebert committed
56 
@font-size-h5:            @font-size-base;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
57 
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
Chris Rebert's avatar
add variables for heading font sizes; fixes #9921    
Chris Rebert committed
58
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
59 
//** Unit-less `line-height` for use in components like buttons.
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
60 
@line-height-base:        1.428571429; // 20/14
Chris Rebert's avatar
fix #12277    
Chris Rebert committed
61 
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
62 
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
Mark Otto's avatar
more consistent variable naming patterns    
Mark Otto committed
63
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
64 
//** By default, this inherits from the `<body>`.
Mark Otto's avatar
Fixes #11741: Don't set headings font-family again, just use inherit    
Mark Otto committed
65 
@headings-font-family:    inherit;
Mark Otto's avatar
mobile-first navs, navbar, grids, and type    
Mark Otto committed
66 
@headings-font-weight:    500;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
67 
@headings-line-height:    1.1;
Mark Otto's avatar
fixes #10153: restore headings-color variable    
Mark Otto committed
68
69 
@headings-color:          inherit;
Mark Otto's avatar
update variables to inlude @baseFontSize, @baseFontFamily, @baseLineHeight for...    
Mark Otto committed
70
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
71 
//== Iconography
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
72 
//
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
73 
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
Mark Otto's avatar
Restore glyphicons    
Mark Otto committed
74
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
75 
//** Load fonts from this directory.
Mark Otto's avatar
Restore glyphicons    
Mark Otto committed
76 
@icon-font-path:          "../fonts/";
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
77 
//** File name for all font files.
Mark Otto's avatar
Upgrade to latest glyphicons    
Mark Otto committed
78 
@icon-font-name:          "glyphicons-halflings-regular";
Mark Otto's avatar
Fix comment    
Mark Otto committed
79 
//** Element ID within SVG icon file.
Chris Rebert's avatar
die tabs, die!    
Chris Rebert committed
80 
@icon-font-svg-id:        "glyphicons_halflingsregular";
Mark Otto's avatar
add new vars for common font-sizes and paddings with large, small, and mini...    
Mark Otto committed
81
Mark Otto's avatar
Fixes #12966: Ensure icon font vars are loaded into Customizer    
Mark Otto committed
82
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
83
84
85 
//== 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
86
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
87
88 
@padding-base-vertical:     6px;
@padding-base-horizontal:   12px;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
89
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
90
91 
@padding-large-vertical:    10px;
@padding-large-horizontal:  16px;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
92
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
93
94 
@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;
Mark Otto's avatar
Overhaul form control and button sizing, and some type styles    
Mark Otto committed
95
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
96
97 
@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;
Chris Rebert's avatar
fix .btn-group-xs portion of #10979    
Chris Rebert committed
98
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
99
100 
@line-height-large:         1.33;
@line-height-small:         1.5;
Mark Otto's avatar
Tighten up buttons and form controls    
Mark Otto committed
101
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
102
103
104 
@border-radius-base:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
105
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
106
107
108
109 
//** 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
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 
//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;
Mark Otto's avatar
add new vars for common border-radius, upping border-radius of inputs to 4px;...    
Mark Otto committed
115
Mark Otto's avatar
more vars changing    
Mark Otto committed
116
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
117
118
119 
//== 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
120
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
121
122
123
124 
//** Padding for `<th>`s and `<td>`s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;
Mark Otto's avatar
more vars changing    
Mark Otto committed
125
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
126
127
128
129
130
131
132 
//** 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
133
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
134
135 
//** Border color for table and cell borders.
@table-border-color:            #ddd;
Mark Otto's avatar
vars less spacing and cleanup    
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
139
140 

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

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

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

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

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

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

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

// Large screen / wide desktop
@container-large-desktop:      ((1140px + @grid-gutter-width));
//** For `@screen-lg-min` and up.
@container-lg:                 @container-large-desktop;
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
328
329
330 
//== Navbar
//
//##
Mark Otto's avatar
more vars changed    
Mark Otto committed
331
Mark Otto's avatar
More navbar derping    
Mark Otto committed
332
333 
// 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
334 
@navbar-margin-bottom:             @line-height-computed;
Mark Otto's avatar
fixes #9063: add var for navbar border radius    
Mark Otto committed
335 
@navbar-border-radius:             @border-radius-base;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
336 
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
Mark Otto's avatar
fixes #8206: Use navbar height var to compute vertical padding on navbar-brand    
Mark Otto committed
337 
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
Chris Rebert's avatar
add @navbar-collapse-max-height Less variable    
Chris Rebert committed
338 
@navbar-collapse-max-height:       340px;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
339
Mark Otto's avatar
Massive customizer audit and overhaul    
Mark Otto committed
340
341
342
343 
@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
344 
// Navbar links
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
345
346
347
348 
@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
349 
@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
350
351 
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;
Mark Otto's avatar
More navbar derping    
Mark Otto committed
352
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
353 
// Navbar brand label
Julian Thilo's avatar
Fix some forgotten things for navbar-default    
Julian Thilo committed
354 
@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
355 
@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
356 
@navbar-default-brand-hover-bg:            transparent;
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
357
Mark Otto's avatar
move some thing around    
Mark Otto committed
358 
// Navbar toggle
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
359 
@navbar-default-toggle-hover-bg:           #ddd;
Zlatan Vasović's avatar
Darken icon bar to meet WCAG    
Zlatan Vasović committed
360 
@navbar-default-toggle-icon-bar-bg:        #888;
Julian Thilo's avatar
Add a .navbar-default class for default colors    
Julian Thilo committed
361 
@navbar-default-toggle-border-color:       #ddd;
Mark Otto's avatar
move some thing around    
Mark Otto committed
362
363
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
364 
// Inverted navbar
Mark Otto's avatar
move some thing around    
Mark Otto committed
365
366 
// Reset inverted navbar basics
@navbar-inverse-color:                      @gray-light;
Mark Otto's avatar
mo betta new navbar styles; hook up some changed vars    
Mark Otto committed
367 
@navbar-inverse-bg:                         #222;
Mark Otto's avatar
lighter default navbar, add borders to navbars, tweak padding and alignments    
Mark Otto committed
368 
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Mark Otto's avatar
navbar vars    
Mark Otto committed
369
Mark Otto's avatar
improve navbar vars and fix side nav alignment    
Mark Otto committed
370 
// Inverted navbar links
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
371 
@navbar-inverse-link-color:                 @gray-light;
Mark Otto's avatar
more consistent navbar vars    
Mark Otto committed
372
373
374
375
376
377 
@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
378
Agustin Colchado's avatar
Reordering variables that were being used before they were declared. Under...    
Agustin Colchado committed
379
380
381
382
383 
// 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
384
385
386
387
388 
// 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
389
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
390
391
392 
//== Navs
//
//##
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
393
Chris Rebert's avatar
add support for '//===' for <h3>s in bs-lessdoc    
Chris Rebert committed
394 
//=== Shared nav styles
Mark Otto's avatar
fixes #9587: add var for nav link padding    
Mark Otto committed
395 
@nav-link-padding:                          10px 15px;
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
396
397
398
399
400
401
402 
@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
403 
//== Tabs
syed's avatar
Moved navs inline properties to variables.less and customize.html & nav-customize.html    
syed committed
404
405
406
407
408
409
410
411
412
413
414 
@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
415 
//== Pills
Jake Buob's avatar
Add nav-pills-border-radius variable    
Jake Buob committed
416 
@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
417 
@nav-pills-active-link-hover-bg:            @component-active-bg;
Mark Otto's avatar
update vars to use new component-active-color    
Mark Otto committed
418 
@nav-pills-active-link-hover-color:         @component-active-color;
Mark Otto's avatar
reverse navbar styles to save code    
Mark Otto committed
419
Mark Otto's avatar
move some thing around    
Mark Otto committed
420
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
421
422
423 
//== Pagination
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
424
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
425 
@pagination-color:                     @link-color;
Mark Otto's avatar
-background to -bg on pagination vars    
Mark Otto committed
426 
@pagination-bg:                        #fff;
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
427 
@pagination-border:                    #ddd;
Mark Otto's avatar
improve pagination's active state so it looks less like the active state and...    
Mark Otto committed
428
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
429 
@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
430 
@pagination-hover-bg:                  @gray-lighter;
Tobias Lindig's avatar
add new variables for "pagination" to improve support of customizing    
Tobias Lindig committed
431 
@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
432
433 

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

@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
456
Mark Otto's avatar
huuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuge update to doces and stuff    
Mark Otto committed
457
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
458
459
460 
//== Jumbotron
//
//##
Mark Otto's avatar
hero unit and pagination vars    
Mark Otto committed
461
Mark Otto's avatar
fix #9832 somewhat: more vars for jumbotron    
Mark Otto committed
462
463 
@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
Mark Otto's avatar
Fixes #7617: lowercase and dash gray color vars    
Mark Otto committed
464 
@jumbotron-bg:                   @gray-lighter;
Mark Otto's avatar
Rename .hero-unit to .jumbotron becaue fuck dashes in filenames and sports...    
Mark Otto committed
465 
@jumbotron-heading-color:        inherit;
Chris Rebert's avatar
improve compliance with LESS's strictMath    
Chris Rebert committed
466 
@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
467
Mark Otto's avatar
clear up nav variables    
Mark Otto committed
468
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
469
470
471 
//== 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
472
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
473 
@state-success-text:             #3c763d;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
474
475 
@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
476
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
477 
@state-info-text:                #31708f;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
478
479 
@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
480
Mario Bonito's avatar
Corrected color contrast to WCAG 2.0 AA    
Mario Bonito committed
481 
@state-warning-text:             #8a6d3b;
Mark Otto's avatar
Match order of vars to order of components; darken some alert borders    
Mark Otto committed
482
483
484 
@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
485 
@state-danger-text:              #a94442;
Mark Otto's avatar
Match order of vars to order of components; darken some alert borders    
Mark Otto committed
486
487
488 
@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
489
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
490
491
492
493
494 
//== Tooltips
//
//##

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

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

//** Background color of the whole progress component
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
623 
@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
624 
//** Progress bar text color
Mark Otto's avatar
Vars update    
Mark Otto committed
625
626 
@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
627 
//** Default progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
628 
@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
629 
//** Success progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
630 
@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
631 
//** Warning progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
632 
@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
633 
//** Danger progress bar color
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
634 
@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
635
636 
//** Info progress bar color
@progress-bar-info-bg:        @brand-info;
Mark Otto's avatar
Refactor colors and progress bars    
Mark Otto committed
637
638
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
639
640
641
642
643 
//== List group
//
//##

//** Background color on `.list-group-item`
Mark Otto's avatar
Change variable    
Mark Otto committed
644 
@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
645 
//** `.list-group-item` border color
Mark Otto's avatar
Change variable    
Mark Otto committed
646 
@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
647 
//** List group border radius
Mark Otto's avatar
Change variable    
Mark Otto committed
648
649 
@list-group-border-radius:      @border-radius-base;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
650 
//** Background color of single list items on hover
Mark Otto's avatar
Change variable    
Mark Otto committed
651 
@list-group-hover-bg:           #f5f5f5;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
652 
//** Text color of active list items
Mark Otto's avatar
Change variable    
Mark Otto committed
653 
@list-group-active-color:       @component-active-color;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
654 
//** Background color of active list items
Mark Otto's avatar
Change variable    
Mark Otto committed
655 
@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
656 
//** Border color of active list elements
Mark Otto's avatar
Change variable    
Mark Otto committed
657 
@list-group-active-border:      @list-group-active-bg;
Mark Otto's avatar
Rewrite the disabled list group items to simplify styles    
Mark Otto committed
658 
//** Text color for content within active list items
Mark Otto's avatar
Change variable    
Mark Otto committed
659
660 
@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
661
662
663
664
665
666 
//** 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
667
Mark Otto's avatar
Change variable    
Mark Otto committed
668 
@list-group-link-color:         #555;
DaSch's avatar
add posibillity to hover links and not background in list-groups    
DaSch committed
669 
@list-group-link-hover-color:   @list-group-link-color;
Mark Otto's avatar
Change variable    
Mark Otto committed
670 
@list-group-link-heading-color: #333;
syed's avatar
moving forms, labels and list-group to variables.less    
syed 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
673
674
675
676 

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

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
Mark Otto's avatar
@state-*-background to @state-*-bg vars    
Mark Otto committed
709 
@panel-danger-heading-bg:     @state-danger-bg;
Mark Otto's avatar
Change error to danger for all classes; add panels component    
Mark Otto committed
710
711
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
712
713
714
715
716 
//== Thumbnails
//
//##

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

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

//== Type
//
//##

//** Text muted color
syed's avatar
move things around :)    
syed committed
821 
@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
822 
//** Abbreviations and acronyms border color
syed's avatar
move things around :)    
syed committed
823 
@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
824 
//** Headings small color
syed's avatar
move things around :)    
syed committed
825 
@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
826 
//** Blockquote small color
syed's avatar
move things around :)    
syed committed
827 
@blockquote-small-color:      @gray-light;
Zlatan Vasović's avatar
Fix #12656: add @blockquote-font-size    
Zlatan Vasović committed
828
829 
//** 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
830 
//** Blockquote border color
syed's avatar
move things around :)    
syed committed
831 
@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
832 
//** Page header border color
syed's avatar
move things around :)    
syed committed
833 
@page-header-border-color:    @gray-lighter;
Mark Otto's avatar
Variables reorganization and breadcrumbs update    
Mark Otto committed
834
Mark Otto's avatar
more vars changed    
Mark Otto committed
835
Chris Rebert's avatar
Use JS & Jade to generate the customizer variables form HTML from variables.less; fixes #11095    
Chris Rebert committed
836
837
838
839
840 
//== Miscellaneous
//
//##

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