variables.less 24.8 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Cosmo 3.1.0
Thomas Park's avatar
Thomas Park committed
2
3
4
5
// Variables
// --------------------------------------------------


Thomas Park's avatar
Thomas Park committed
6
7
8
//== Colors
//
//## Gray and brand colors for use across Bootstrap.
Thomas Park's avatar
Thomas Park committed
9
10
11
12
13

@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
Thomas Park's avatar
Thomas Park committed
14
@gray-lighter:           lighten(#000, 90%); // #eee
Thomas Park's avatar
Thomas Park committed
15
16
17

@brand-primary:         #007FFF;
@brand-success:         #3FB618;
Thomas Park's avatar
Thomas Park committed
18
@brand-info:            #9954BB;
Thomas Park's avatar
Thomas Park committed
19
20
21
22
@brand-warning:         #FF7518;
@brand-danger:          #FF0039;


Thomas Park's avatar
Thomas Park committed
23
24
25
26
27
//== Scaffolding
//
// ## Settings for some of the most global styles.

//** Background color for `<body>`.
Thomas Park's avatar
Thomas Park committed
28
@body-bg:               #fff;
Thomas Park's avatar
Thomas Park committed
29
//** Global text color on `<body>`.
Thomas Park's avatar
Thomas Park committed
30
31
@text-color:            @gray-dark;

Thomas Park's avatar
Thomas Park committed
32
//** Global textual link color.
Thomas Park's avatar
Thomas Park committed
33
@link-color:            @brand-primary;
Thomas Park's avatar
Thomas Park committed
34
//** Link hover color set via `darken()` function.
Thomas Park's avatar
Thomas Park committed
35
36
@link-hover-color:      darken(@link-color, 15%);

Thomas Park's avatar
Thomas Park committed
37
38
39
40

//== Typography
//
//## Font, line-height, and color for body text, headings, and more.
Thomas Park's avatar
Thomas Park committed
41
42
43

@font-family-sans-serif:  "Open Sans", Calibri, Candara, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
Thomas Park's avatar
Thomas Park committed
44
//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
45
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
Thomas Park's avatar
Thomas Park committed
46
47
48
@font-family-base:        @font-family-sans-serif;

@font-size-base:          15px;
Thomas Park's avatar
Thomas Park committed
49
50
@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
Thomas Park's avatar
Thomas Park committed
51

Thomas Park's avatar
Thomas Park 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
Thomas Park's avatar
Thomas Park committed
56
@font-size-h5:            @font-size-base;
Thomas Park's avatar
Thomas Park committed
57
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
Thomas Park's avatar
Thomas Park committed
58

Thomas Park's avatar
Thomas Park committed
59
//** Unit-less `line-height` for use in components like buttons.
Thomas Park's avatar
Thomas Park committed
60
@line-height-base:        1.428571429; // 20/14
Thomas Park's avatar
Thomas Park committed
61
62
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
Thomas Park's avatar
Thomas Park committed
63

Thomas Park's avatar
Thomas Park committed
64
//** By default, this inherits from the `<body>`.
Thomas Park's avatar
Thomas Park committed
65
66
67
@headings-font-family:    @font-family-base;
@headings-font-weight:    300;
@headings-line-height:    1.1;
Thomas Park's avatar
Thomas Park committed
68
69
@headings-color:          inherit;

Thomas Park's avatar
Thomas Park committed
70

Thomas Park's avatar
Thomas Park committed
71
72
73
//-- Iconography
//
//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
Thomas Park's avatar
Thomas Park committed
74
75
76

@icon-font-path:          "../fonts/";
@icon-font-name:          "glyphicons-halflings-regular";
Thomas Park's avatar
Thomas Park committed
77
@icon-font-svg-id:				"glyphicons_halflingsregular";
Thomas Park's avatar
Thomas Park committed
78

Thomas Park's avatar
Thomas Park committed
79
80
81
//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
Thomas Park's avatar
Thomas Park committed
82

Thomas Park's avatar
Thomas Park committed
83
84
@padding-base-vertical:     10px;
@padding-base-horizontal:   18px;
Thomas Park's avatar
Thomas Park committed
85

Thomas Park's avatar
Thomas Park committed
86
87
@padding-large-vertical:    18px;
@padding-large-horizontal:  30px;
Thomas Park's avatar
Thomas Park committed
88

Thomas Park's avatar
Thomas Park committed
89
90
@padding-small-vertical:    5px;
@padding-small-horizontal:  10px;
Thomas Park's avatar
Thomas Park committed
91

Thomas Park's avatar
Thomas Park committed
92
93
@padding-xs-vertical:       1px;
@padding-xs-horizontal:     5px;
Thomas Park's avatar
Thomas Park committed
94

Thomas Park's avatar
Thomas Park committed
95
96
@line-height-large:         1.33;
@line-height-small:         1.5;
97

Thomas Park's avatar
Thomas Park committed
98
99
100
@border-radius-base:        0;
@border-radius-large:       0;
@border-radius-small:       0;
Thomas Park's avatar
Thomas Park committed
101

Thomas Park's avatar
Thomas Park committed
102
103
104
105
//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @brand-primary;
Thomas Park's avatar
Thomas Park committed
106

Thomas Park's avatar
Thomas Park committed
107
108
109
110
//** Width of the `border` for generating carets that indicator dropdowns.
@caret-width-base:          4px;
//** Carets increase slightly in size for larger components.
@caret-width-large:         5px;
Thomas Park's avatar
Thomas Park committed
111
112


Thomas Park's avatar
Thomas Park committed
113
114
115
//== Tables
//
//## Customizes the `.table` component with basic values, each used across all table variations.
Thomas Park's avatar
Thomas Park committed
116

Thomas Park's avatar
Thomas Park committed
117
118
119
120
//** Padding for `<th>`s and `<td>`s.
@table-cell-padding:            8px;
//** Padding for cells in `.table-condensed`.
@table-condensed-cell-padding:  5px;
Thomas Park's avatar
Thomas Park committed
121

Thomas Park's avatar
Thomas Park committed
122
123
124
125
126
127
128
//** Default background color used for all tables.
@table-bg:                      transparent;
//** Background color used for `.table-striped`.
@table-bg-accent:               #f9f9f9;
//** Background color used for `.table-hover`.
@table-bg-hover:                #f5f5f5;
@table-bg-active:               @table-bg-hover;
Thomas Park's avatar
Thomas Park committed
129

Thomas Park's avatar
Thomas Park committed
130
131
//** Border color for table and cell borders.
@table-border-color:            #ddd;
Thomas Park's avatar
Thomas Park committed
132
133


Thomas Park's avatar
Thomas Park committed
134
135
136
//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.
Thomas Park's avatar
Thomas Park committed
137

Thomas Park's avatar
Thomas Park committed
138
@btn-font-weight:                normal;
Thomas Park's avatar
Thomas Park committed
139

Thomas Park's avatar
Thomas Park committed
140
141
142
143
144
145
146
147
148
149
150
151
@btn-default-color:              #fff;
@btn-default-bg:                 @gray-darker;
@btn-default-border:             @btn-default-bg;

@btn-primary-color:              @btn-default-color;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @btn-primary-bg;

@btn-success-color:              @btn-default-color;
@btn-success-bg:                 @brand-success;
@btn-success-border:             @btn-success-bg;

Thomas Park's avatar
Thomas Park committed
152
153
154
155
@btn-info-color:                 @btn-default-color;
@btn-info-bg:                    @brand-info;
@btn-info-border:                @btn-info-bg;

Thomas Park's avatar
Thomas Park committed
156
157
158
159
160
161
162
163
@btn-warning-color:              @btn-default-color;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             @btn-warning-bg;

@btn-danger-color:               @btn-default-color;
@btn-danger-bg:                  @brand-danger;
@btn-danger-border:              @btn-danger-bg;

Thomas Park's avatar
Thomas Park committed
164
@btn-link-disabled-color:        @gray-light;
Thomas Park's avatar
Thomas Park committed
165
166


Thomas Park's avatar
Thomas Park committed
167
168
169
//== Forms
//
//##
Thomas Park's avatar
Thomas Park committed
170

Thomas Park's avatar
Thomas Park committed
171
//** `<input>` background color
Thomas Park's avatar
Thomas Park committed
172
@input-bg:                       #fff;
Thomas Park's avatar
Thomas Park committed
173
//** `<input disabled>` background color
Thomas Park's avatar
Thomas Park committed
174
175
@input-bg-disabled:              @gray-lighter;

Thomas Park's avatar
Thomas Park committed
176
//** Text color for `<input>`s
Thomas Park's avatar
Thomas Park committed
177
@input-color:                    @text-color;
Thomas Park's avatar
Thomas Park committed
178
//** `<input>` border color
Thomas Park's avatar
Thomas Park committed
179
@input-border:                   #ccc;
Thomas Park's avatar
Thomas Park committed
180
//** `<input>` border radius
Thomas Park's avatar
Thomas Park committed
181
@input-border-radius:            @border-radius-base;
Thomas Park's avatar
Thomas Park committed
182
//** Border color for inputs on focus
Thomas Park's avatar
Thomas Park committed
183
@input-border-focus:             #66afe9;
Thomas Park's avatar
Thomas Park committed
184

Thomas Park's avatar
Thomas Park committed
185
//** Placeholder text color
Thomas Park's avatar
Thomas Park committed
186
187
@input-color-placeholder:        @gray-light;

Thomas Park's avatar
Thomas Park committed
188
//** Default `.form-control` height
Thomas Park's avatar
Thomas Park committed
189
@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
Thomas Park's avatar
Thomas Park committed
190
//** Large `.form-control` height
191
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
Thomas Park's avatar
Thomas Park committed
192
//** Small `.form-control` height
193
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
Thomas Park's avatar
Thomas Park committed
194

Thomas Park's avatar
Thomas Park committed
195
@legend-color:                   @text-color;
Thomas Park's avatar
Thomas Park committed
196
197
@legend-border-color:            #e5e5e5;

Thomas Park's avatar
Thomas Park committed
198
//** Background color for textual input addons
Thomas Park's avatar
Thomas Park committed
199
@input-group-addon-bg:           @gray-lighter;
Thomas Park's avatar
Thomas Park committed
200
//** Border color for textual input addons
Thomas Park's avatar
Thomas Park committed
201
202
203
@input-group-addon-border-color: @input-border;


Thomas Park's avatar
Thomas Park committed
204
205
206
//== Dropdowns
//
//## Dropdown menu container and contents.
Thomas Park's avatar
Thomas Park committed
207

Thomas Park's avatar
Thomas Park committed
208
//** Background for the dropdown menu.
Thomas Park's avatar
Thomas Park committed
209
@dropdown-bg:                    #fff;
Thomas Park's avatar
Thomas Park committed
210
//** Dropdown menu `border-color`.
Thomas Park's avatar
Thomas Park committed
211
@dropdown-border:                rgba(0,0,0,.15);
Thomas Park's avatar
Thomas Park committed
212
//** Dropdown menu `border-color` **for IE8**.
Thomas Park's avatar
Thomas Park committed
213
@dropdown-fallback-border:       #ccc;
Thomas Park's avatar
Thomas Park committed
214
//** Divider color for between dropdown items.
Thomas Park's avatar
Thomas Park committed
215
216
@dropdown-divider-bg:            #e5e5e5;

Thomas Park's avatar
Thomas Park committed
217
//** Dropdown link text color.
Thomas Park's avatar
Thomas Park committed
218
@dropdown-link-color:            @gray-dark;
Thomas Park's avatar
Thomas Park committed
219
//** Hover color for dropdown links.
Thomas Park's avatar
Thomas Park committed
220
@dropdown-link-hover-color:      #fff;
Thomas Park's avatar
Thomas Park committed
221
//** Hover background for dropdown links.
Thomas Park's avatar
Thomas Park committed
222
223
@dropdown-link-hover-bg:         @dropdown-link-active-bg;

Thomas Park's avatar
Thomas Park committed
224
//** Active dropdown menu item text color.
Thomas Park's avatar
Thomas Park committed
225
@dropdown-link-active-color:     #fff;
Thomas Park's avatar
Thomas Park committed
226
//** Active dropdown menu item background color.
Thomas Park's avatar
Thomas Park committed
227
228
@dropdown-link-active-bg:        @component-active-bg;

Thomas Park's avatar
Thomas Park committed
229
//** Disabled dropdown menu item background color.
Thomas Park's avatar
Thomas Park committed
230
231
@dropdown-link-disabled-color:   @text-muted;

Thomas Park's avatar
Thomas Park committed
232
//** Text color for headers within dropdown menus.
Thomas Park's avatar
Thomas Park committed
233
234
@dropdown-header-color:          @text-muted;

Thomas Park's avatar
Thomas Park committed
235
236
// Note: Deprecated @dropdown-caret-color as of v3.1.0
@dropdown-caret-color:           #000;
Thomas Park's avatar
Thomas Park committed
237
238


Thomas Park's avatar
Thomas Park committed
239
240
241
242
243
244
//-- Z-index master list
//
// Warning: Avoid customizing these values. They're used for a bird's eye view
// of components dependent on the z-axis and are designed to all work together.
//
// Note: These variables are not generated into the Customizer.
Thomas Park's avatar
Thomas Park committed
245

Thomas Park's avatar
Thomas Park committed
246
@zindex-navbar:            1000;
Thomas Park's avatar
Thomas Park committed
247
248
249
250
251
252
253
@zindex-dropdown:          1000;
@zindex-popover:           1010;
@zindex-tooltip:           1030;
@zindex-navbar-fixed:      1030;
@zindex-modal-background:  1040;
@zindex-modal:             1050;

Thomas Park's avatar
Thomas Park committed
254
255
256
257

//== Media queries breakpoints
//
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
Thomas Park's avatar
Thomas Park committed
258
259

// Extra small screen / phone
Thomas Park's avatar
Thomas Park committed
260
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
Thomas Park's avatar
Thomas Park committed
261
@screen-xs:                  480px;
Thomas Park's avatar
Thomas Park committed
262
263
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;
Thomas Park's avatar
Thomas Park committed
264
265

// Small screen / tablet
Thomas Park's avatar
Thomas Park committed
266
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
Thomas Park's avatar
Thomas Park committed
267
@screen-sm:                  768px;
Thomas Park's avatar
Thomas Park committed
268
269
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;
Thomas Park's avatar
Thomas Park committed
270
271

// Medium screen / desktop
Thomas Park's avatar
Thomas Park committed
272
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
Thomas Park's avatar
Thomas Park committed
273
@screen-md:                  992px;
Thomas Park's avatar
Thomas Park committed
274
275
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;
Thomas Park's avatar
Thomas Park committed
276
277

// Large screen / wide desktop
Thomas Park's avatar
Thomas Park committed
278
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
Thomas Park's avatar
Thomas Park committed
279
@screen-lg:                  1200px;
Thomas Park's avatar
Thomas Park committed
280
281
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;
Thomas Park's avatar
Thomas Park committed
282
283

// So media queries don't overlap when required, provide a maximum
Thomas Park's avatar
Thomas Park committed
284
285
286
@screen-xs-max:              (@screen-sm-min - 1);
@screen-sm-max:              (@screen-md-min - 1);
@screen-md-max:              (@screen-lg-min - 1);
Thomas Park's avatar
Thomas Park committed
287
288


Thomas Park's avatar
Thomas Park committed
289
290
291
//== Grid system
//
//## Define your custom responsive grid.
Thomas Park's avatar
Thomas Park committed
292

Thomas Park's avatar
Thomas Park committed
293
//** Number of columns in the grid.
Thomas Park's avatar
Thomas Park committed
294
@grid-columns:              12;
Thomas Park's avatar
Thomas Park committed
295
//** Padding between columns. Gets divided in half for the left and right.
Thomas Park's avatar
Thomas Park committed
296
@grid-gutter-width:         30px;
297
// Navbar collapse
Thomas Park's avatar
Thomas Park committed
298
//** Point at which the navbar becomes uncollapsed.
Thomas Park's avatar
Thomas Park committed
299
@grid-float-breakpoint:     @screen-sm-min;
Thomas Park's avatar
Thomas Park committed
300
//** Point at which the navbar begins collapsing.
301
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
Thomas Park's avatar
Thomas Park committed
302

Thomas Park's avatar
Thomas Park committed
303

Thomas Park's avatar
Thomas Park committed
304
305
306
//== Navbar
//
//##
Thomas Park's avatar
Thomas Park committed
307
308
309

// Basics of a navbar
@navbar-height:                    50px;
Thomas Park's avatar
Thomas Park committed
310
311
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
Thomas Park's avatar
Thomas Park committed
312
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
Thomas Park's avatar
Thomas Park committed
313
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
Thomas Park's avatar
Thomas Park committed
314
@navbar-collapse-max-height:       340px;
Thomas Park's avatar
Thomas Park committed
315

Thomas Park's avatar
Thomas Park committed
316
317
318
319
@navbar-default-color:             #fff;
@navbar-default-bg:                @gray-darker;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

Thomas Park's avatar
Thomas Park committed
320
// Navbar links
Thomas Park's avatar
Thomas Park committed
321
322
323
324
325
326
327
@navbar-default-link-color:                #fff;
@navbar-default-link-hover-color:          #fff;
@navbar-default-link-hover-bg:             darken(@navbar-default-bg, 10%);
@navbar-default-link-active-color:         @navbar-default-link-hover-color;
@navbar-default-link-active-bg:            @navbar-default-link-hover-bg;
@navbar-default-link-disabled-color:       #ccc;
@navbar-default-link-disabled-bg:          transparent;
Thomas Park's avatar
Thomas Park committed
328
329

// Navbar brand label
Thomas Park's avatar
Thomas Park committed
330
331
332
@navbar-default-brand-color:               @navbar-default-link-color;
@navbar-default-brand-hover-color:         #fff;
@navbar-default-brand-hover-bg:            none;
Thomas Park's avatar
Thomas Park committed
333
334

// Navbar toggle
Thomas Park's avatar
Thomas Park committed
335
336
337
@navbar-default-toggle-hover-bg:           @navbar-default-link-hover-bg;
@navbar-default-toggle-icon-bar-bg:        #fff;
@navbar-default-toggle-border-color:       transparent;
Thomas Park's avatar
Thomas Park committed
338
339
340
341
342
343


// Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      #fff;
@navbar-inverse-bg:                         @brand-primary;
Thomas Park's avatar
Thomas Park committed
344
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Thomas Park's avatar
Thomas Park committed
345
346
347
348
349
350
351
352
353
354
355
356
357

// Inverted navbar links
@navbar-inverse-link-color:                 #fff;
@navbar-inverse-link-hover-color:           #fff;
@navbar-inverse-link-hover-bg:              darken(@navbar-inverse-bg, 10%);
@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg:             @navbar-inverse-link-hover-bg;
@navbar-inverse-link-disabled-color:        #fff;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
358
@navbar-inverse-brand-hover-bg:             none;
Thomas Park's avatar
Thomas Park committed
359
360

// Inverted navbar toggle
Thomas Park's avatar
Thomas Park committed
361
@navbar-inverse-toggle-hover-bg:            @navbar-inverse-link-hover-bg;
Thomas Park's avatar
Thomas Park committed
362
@navbar-inverse-toggle-icon-bar-bg:         #fff;
Thomas Park's avatar
Thomas Park committed
363
@navbar-inverse-toggle-border-color:        transparent;
Thomas Park's avatar
Thomas Park committed
364
365


Thomas Park's avatar
Thomas Park committed
366
367
368
//== Navs
//
//##
Thomas Park's avatar
Thomas Park committed
369

Thomas Park's avatar
Thomas Park committed
370
//=== Shared nav styles
Thomas Park's avatar
Thomas Park committed
371
@nav-link-padding:                          10px 15px;
Thomas Park's avatar
Thomas Park committed
372
373
374
375
376
377
378
@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;

Thomas Park's avatar
Thomas Park committed
379
//== Tabs
Thomas Park's avatar
Thomas Park committed
380
381
382
383
384
385
386
387
388
389
390
@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;

Thomas Park's avatar
Thomas Park committed
391
//== Pills
Thomas Park's avatar
Thomas Park committed
392
@nav-pills-border-radius:                   @border-radius-base;
Thomas Park's avatar
Thomas Park committed
393
@nav-pills-active-link-hover-bg:            @component-active-bg;
Thomas Park's avatar
Thomas Park committed
394
@nav-pills-active-link-hover-color:         @component-active-color;
Thomas Park's avatar
Thomas Park committed
395
396


Thomas Park's avatar
Thomas Park committed
397
398
399
//== Pagination
//
//##
Thomas Park's avatar
Thomas Park committed
400

Thomas Park's avatar
Thomas Park committed
401
@pagination-color:                     @link-color;
Thomas Park's avatar
Thomas Park committed
402
403
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;
Thomas Park's avatar
Thomas Park committed
404

Thomas Park's avatar
Thomas Park committed
405
@pagination-hover-color:               @link-hover-color;
Thomas Park's avatar
Thomas Park committed
406
@pagination-hover-bg:                  @gray-lighter;
Thomas Park's avatar
Thomas Park committed
407
@pagination-hover-border:              #ddd;
Thomas Park's avatar
Thomas Park committed
408

Thomas Park's avatar
Thomas Park committed
409
@pagination-active-color:              @gray-light;
Thomas Park's avatar
Thomas Park committed
410
411
@pagination-active-bg:                 #f5f5f5;
@pagination-active-border:             #ddd;
Thomas Park's avatar
Thomas Park committed
412

Thomas Park's avatar
Thomas Park committed
413
@pagination-disabled-color:            @gray-light;
Thomas Park's avatar
Thomas Park committed
414
415
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;
Thomas Park's avatar
Thomas Park committed
416

Thomas Park's avatar
Thomas Park committed
417

Thomas Park's avatar
Thomas Park committed
418
419
420
//== Pager
//
//##
Thomas Park's avatar
Thomas Park committed
421

Thomas Park's avatar
Thomas Park committed
422
423
@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
Thomas Park's avatar
Thomas Park committed
424
@pager-border-radius:                  @border-radius-base;
Thomas Park's avatar
Thomas Park committed
425
426
427
428
429
430

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

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

Thomas Park's avatar
Thomas Park committed
431
432
433
@pager-disabled-color:                 @gray-light;


Thomas Park's avatar
Thomas Park committed
434
435
436
//== Jumbotron
//
//##
Thomas Park's avatar
Thomas Park committed
437

Thomas Park's avatar
Thomas Park committed
438
439
@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
Thomas Park's avatar
Thomas Park committed
440
441
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
Thomas Park's avatar
Thomas Park committed
442
@jumbotron-font-size:            ceil((@font-size-base * 1.5));
Thomas Park's avatar
Thomas Park committed
443
444


Thomas Park's avatar
Thomas Park committed
445
446
447
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
Thomas Park's avatar
Thomas Park committed
448
449
450
451
452
453
454
455
456

@state-success-text:             #fff;
@state-success-bg:               @brand-success;
@state-success-border:           darken(spin(@state-success-bg, -10), 5%);

@state-info-text:                #fff;
@state-info-bg:                  @brand-info;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

Thomas Park's avatar
Thomas Park committed
457
458
459
460
461
462
463
464
@state-warning-text:             #fff;
@state-warning-bg:               @brand-warning;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);

@state-danger-text:              #fff;
@state-danger-bg:                @brand-danger;
@state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);

Thomas Park's avatar
Thomas Park committed
465

Thomas Park's avatar
Thomas Park committed
466
467
468
469
470
//== Tooltips
//
//##

//** Tooltip max width
Thomas Park's avatar
Thomas Park committed
471
@tooltip-max-width:           200px;
Thomas Park's avatar
Thomas Park committed
472
//** Tooltip text color
Thomas Park's avatar
Thomas Park committed
473
@tooltip-color:               #fff;
Thomas Park's avatar
Thomas Park committed
474
//** Tooltip background color
Thomas Park's avatar
Thomas Park committed
475
@tooltip-bg:                  rgba(0,0,0,.9);
Thomas Park's avatar
Thomas Park committed
476
@tooltip-opacity:             .9;
Thomas Park's avatar
Thomas Park committed
477

Thomas Park's avatar
Thomas Park committed
478
//** Tooltip arrow width
Thomas Park's avatar
Thomas Park committed
479
@tooltip-arrow-width:         5px;
Thomas Park's avatar
Thomas Park committed
480
//** Tooltip arrow color
Thomas Park's avatar
Thomas Park committed
481
482
483
@tooltip-arrow-color:         @tooltip-bg;


Thomas Park's avatar
Thomas Park committed
484
485
486
487
488
//== Popovers
//
//##

//** Popover body background color
Thomas Park's avatar
Thomas Park committed
489
@popover-bg:                          #fff;
Thomas Park's avatar
Thomas Park committed
490
//** Popover maximum width
Thomas Park's avatar
Thomas Park committed
491
@popover-max-width:                   276px;
Thomas Park's avatar
Thomas Park committed
492
//** Popover border color
Thomas Park's avatar
Thomas Park committed
493
@popover-border-color:                rgba(0,0,0,.2);
Thomas Park's avatar
Thomas Park committed
494
//** Popover fallback border color
Thomas Park's avatar
Thomas Park committed
495
496
@popover-fallback-border-color:       #ccc;

Thomas Park's avatar
Thomas Park committed
497
//** Popover title background color
Thomas Park's avatar
Thomas Park committed
498
499
@popover-title-bg:                    darken(@popover-bg, 3%);

Thomas Park's avatar
Thomas Park committed
500
//** Popover arrow width
Thomas Park's avatar
Thomas Park committed
501
@popover-arrow-width:                 10px;
Thomas Park's avatar
Thomas Park committed
502
//** Popover arrow color
Thomas Park's avatar
Thomas Park committed
503
504
@popover-arrow-color:                 #fff;

Thomas Park's avatar
Thomas Park committed
505
//** Popover outer arrow width
Thomas Park's avatar
Thomas Park committed
506
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
Thomas Park's avatar
Thomas Park committed
507
//** Popover outer arrow color
Thomas Park's avatar
Thomas Park committed
508
@popover-arrow-outer-color:           rgba(0,0,0,.25);
Thomas Park's avatar
Thomas Park committed
509
//** Popover outer arrow fallback color
Thomas Park's avatar
Thomas Park committed
510
511
512
@popover-arrow-outer-fallback-color:  #999;


Thomas Park's avatar
Thomas Park committed
513
514
515
//== Labels
//
//##
Thomas Park's avatar
Thomas Park committed
516

Thomas Park's avatar
Thomas Park committed
517
//** Default label background color
Thomas Park's avatar
Thomas Park committed
518
@label-default-bg:            @btn-default-bg;
Thomas Park's avatar
Thomas Park committed
519
//** Primary label background color
Thomas Park's avatar
Thomas Park committed
520
@label-primary-bg:            @brand-primary;
Thomas Park's avatar
Thomas Park committed
521
//** Success label background color
Thomas Park's avatar
Thomas Park committed
522
@label-success-bg:            @brand-success;
Thomas Park's avatar
Thomas Park committed
523
//** Info label background color
Thomas Park's avatar
Thomas Park committed
524
@label-info-bg:               @brand-info;
Thomas Park's avatar
Thomas Park committed
525
//** Warning label background color
Thomas Park's avatar
Thomas Park committed
526
@label-warning-bg:            @brand-warning;
Thomas Park's avatar
Thomas Park committed
527
//** Danger label background color
Thomas Park's avatar
Thomas Park committed
528
529
@label-danger-bg:             @brand-danger;

Thomas Park's avatar
Thomas Park committed
530
//** Default label text color
Thomas Park's avatar
Thomas Park committed
531
@label-color:                 #fff;
Thomas Park's avatar
Thomas Park committed
532
//** Default text color of a linked label
Thomas Park's avatar
Thomas Park committed
533
534
535
@label-link-hover-color:      #fff;


Thomas Park's avatar
Thomas Park committed
536
537
538
539
540
//== Modals
//
//##

//** Padding applied to the modal body
Thomas Park's avatar
Thomas Park committed
541
542
@modal-inner-padding:         20px;

Thomas Park's avatar
Thomas Park committed
543
//** Padding applied to the modal title
Thomas Park's avatar
Thomas Park committed
544
@modal-title-padding:         15px;
Thomas Park's avatar
Thomas Park committed
545
//** Modal title line-height
Thomas Park's avatar
Thomas Park committed
546
547
@modal-title-line-height:     @line-height-base;

Thomas Park's avatar
Thomas Park committed
548
//** Background color of modal content area
Thomas Park's avatar
Thomas Park committed
549
@modal-content-bg:                             #fff;
Thomas Park's avatar
Thomas Park committed
550
//** Modal content border color
Thomas Park's avatar
Thomas Park committed
551
@modal-content-border-color:                   rgba(0,0,0,.2);
Thomas Park's avatar
Thomas Park committed
552
//** Modal content border color **for IE8**
Thomas Park's avatar
Thomas Park committed
553
554
@modal-content-fallback-border-color:          #999;

Thomas Park's avatar
Thomas Park committed
555
//** Modal backdrop background color
Thomas Park's avatar
Thomas Park committed
556
@modal-backdrop-bg:           #000;
Thomas Park's avatar
Thomas Park committed
557
558
559
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
Thomas Park's avatar
Thomas Park committed
560
@modal-header-border-color:   #e5e5e5;
Thomas Park's avatar
Thomas Park committed
561
//** Modal footer border color
Thomas Park's avatar
Thomas Park committed
562
563
@modal-footer-border-color:   @modal-header-border-color;

Thomas Park's avatar
Thomas Park committed
564
565
566
567
568
569
570
571
@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;


//== Alerts
//
//## Define alert colors, border radius, and padding.
Thomas Park's avatar
Thomas Park committed
572

Thomas Park's avatar
Thomas Park committed
573
574
575
576
@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

Thomas Park's avatar
Thomas Park committed
577
578
579
580
581
582
583
584
@alert-success-bg:            @state-success-bg;
@alert-success-text:          @state-success-text;
@alert-success-border:        @state-success-border;

@alert-info-bg:               @state-info-bg;
@alert-info-text:             @state-info-text;
@alert-info-border:           @state-info-border;

Thomas Park's avatar
Thomas Park committed
585
586
587
588
589
590
591
592
@alert-warning-bg:            @state-warning-bg;
@alert-warning-text:          @state-warning-text;
@alert-warning-border:        @state-warning-border;

@alert-danger-bg:             @state-danger-bg;
@alert-danger-text:           @state-danger-text;
@alert-danger-border:         @state-danger-border;

Thomas Park's avatar
Thomas Park committed
593

Thomas Park's avatar
Thomas Park committed
594
595
596
597
598
//== Progress bars
//
//##

//** Background color of the whole progress component
Thomas Park's avatar
Thomas Park committed
599
@progress-bg:                 #ccc;
Thomas Park's avatar
Thomas Park committed
600
//** Progress bar text color
Thomas Park's avatar
Thomas Park committed
601
602
@progress-bar-color:          #fff;

Thomas Park's avatar
Thomas Park committed
603
//** Default progress bar color
Thomas Park's avatar
Thomas Park committed
604
@progress-bar-bg:             @brand-primary;
Thomas Park's avatar
Thomas Park committed
605
//** Success progress bar color
Thomas Park's avatar
Thomas Park committed
606
@progress-bar-success-bg:     @brand-success;
Thomas Park's avatar
Thomas Park committed
607
//** Warning progress bar color
Thomas Park's avatar
Thomas Park committed
608
@progress-bar-warning-bg:     @brand-warning;
Thomas Park's avatar
Thomas Park committed
609
//** Danger progress bar color
Thomas Park's avatar
Thomas Park committed
610
@progress-bar-danger-bg:      @brand-danger;
Thomas Park's avatar
Thomas Park committed
611
//** Info progress bar color
Thomas Park's avatar
Thomas Park committed
612
613
614
@progress-bar-info-bg:        @brand-info;


Thomas Park's avatar
Thomas Park committed
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
//== List group
//
//##

//** Background color on `.list-group-item`
@list-group-bg:                 #fff;
//** `.list-group-item` border color
@list-group-border:             #ddd;
//** List group border radius
@list-group-border-radius:      @border-radius-base;

//** Background color of single list elements on hover
@list-group-hover-bg:           #f5f5f5;
//** Text color of active list elements
@list-group-active-color:       @component-active-color;
//** Background color of active list elements
@list-group-active-bg:          @component-active-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-active-bg;
@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);

@list-group-link-color:         #555;
@list-group-link-heading-color: #333;


//== Panels
//
//##
Thomas Park's avatar
Thomas Park committed
643
644

@panel-bg:                    #fff;
Thomas Park's avatar
Thomas Park committed
645
@panel-body-padding:          15px;
Thomas Park's avatar
Thomas Park committed
646
@panel-border-radius:         @border-radius-base;
Thomas Park's avatar
Thomas Park committed
647
648
649

//** Border color for elements within panels
@panel-inner-border:          #ddd;
Thomas Park's avatar
Thomas Park committed
650
651
@panel-footer-bg:             #f5f5f5;

Thomas Park's avatar
Thomas Park committed
652
653
654
655
@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

Thomas Park's avatar
Thomas Park committed
656
657
658
659
660
661
662
663
@panel-primary-text:          #fff;
@panel-primary-border:        @brand-primary;
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
@panel-success-border:        @state-success-border;
@panel-success-heading-bg:    @state-success-bg;

Thomas Park's avatar
Thomas Park committed
664
665
666
667
@panel-info-text:             @state-info-text;
@panel-info-border:           @state-info-border;
@panel-info-heading-bg:       @state-info-bg;

Thomas Park's avatar
Thomas Park committed
668
669
670
671
672
673
674
675
676
@panel-warning-text:          @state-warning-text;
@panel-warning-border:        @state-warning-border;
@panel-warning-heading-bg:    @state-warning-bg;

@panel-danger-text:           @state-danger-text;
@panel-danger-border:         @state-danger-border;
@panel-danger-heading-bg:     @state-danger-bg;


Thomas Park's avatar
Thomas Park committed
677
678
679
//== Thumbnails
//
//##
Thomas Park's avatar
Thomas Park committed
680

Thomas Park's avatar
Thomas Park committed
681
//** Padding around the thumbnail image
Thomas Park's avatar
Thomas Park committed
682
@thumbnail-padding:           4px;
Thomas Park's avatar
Thomas Park committed
683
//** Thumbnail background color
Thomas Park's avatar
Thomas Park committed
684
@thumbnail-bg:                @body-bg;
Thomas Park's avatar
Thomas Park committed
685
//** Thumbnail border color
Thomas Park's avatar
Thomas Park committed
686
@thumbnail-border:            #ddd;
Thomas Park's avatar
Thomas Park committed
687
//** Thumbnail border radius
Thomas Park's avatar
Thomas Park committed
688
689
@thumbnail-border-radius:     @border-radius-base;

Thomas Park's avatar
Thomas Park committed
690
//** Custom text color for thumbnail captions
Thomas Park's avatar
Thomas Park committed
691
@thumbnail-caption-color:     @text-color;
Thomas Park's avatar
Thomas Park committed
692
//** Padding around the thumbnail caption
Thomas Park's avatar
Thomas Park committed
693
694
@thumbnail-caption-padding:   9px;

Thomas Park's avatar
Thomas Park committed
695

Thomas Park's avatar
Thomas Park committed
696
697
698
699
//== Wells
//
//##

Thomas Park's avatar
Thomas Park committed
700
@well-bg:                     #f5f5f5;
Thomas Park's avatar
Thomas Park committed
701
@well-border:                 darken(@well-bg, 7%);
Thomas Park's avatar
Thomas Park committed
702
703


Thomas Park's avatar
Thomas Park committed
704
705
706
707
//== Badges
//
//##

Thomas Park's avatar
Thomas Park committed
708
@badge-color:                 #fff;
Thomas Park's avatar
Thomas Park committed
709
//** Linked badge text color on hover
Thomas Park's avatar
Thomas Park committed
710
711
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;
Thomas Park's avatar
Thomas Park committed
712

Thomas Park's avatar
Thomas Park committed
713
//** Badge text color in active nav link
Thomas Park's avatar
Thomas Park committed
714
@badge-active-color:          @link-color;
Thomas Park's avatar
Thomas Park committed
715
//** Badge background color in active nav link
Thomas Park's avatar
Thomas Park committed
716
717
@badge-active-bg:             #fff;

Thomas Park's avatar
Thomas Park committed
718
719
720
721
@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;

Thomas Park's avatar
Thomas Park committed
722

Thomas Park's avatar
Thomas Park committed
723
724
725
726
727
728
729
730
731
732
733
734
735
736
//== Breadcrumbs
//
//##

@breadcrumb-padding-vertical:   8px;
@breadcrumb-padding-horizontal: 15px;
//** Breadcrumb background color
@breadcrumb-bg:                 #f5f5f5;
//** Breadcrumb text color
@breadcrumb-color:              #ccc;
//** Text color of current page in the breadcrumb
@breadcrumb-active-color:       @gray-light;
//** Textual separator for between breadcrumb elements
@breadcrumb-separator:          "/";
Thomas Park's avatar
Thomas Park committed
737
738


Thomas Park's avatar
Thomas Park committed
739
740
741
//== Carousel
//
//##
Thomas Park's avatar
Thomas Park committed
742

Thomas Park's avatar
Thomas Park committed
743
744
745
@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
Thomas Park's avatar
Thomas Park committed
746
747
748
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;
Thomas Park's avatar
Thomas Park committed
749
750

@carousel-indicator-active-bg:                #fff;
Thomas Park's avatar
Thomas Park committed
751
@carousel-indicator-border-color:             #fff;
Thomas Park's avatar
Thomas Park committed
752
753
754
755

@carousel-caption-color:                      #fff;


Thomas Park's avatar
Thomas Park committed
756
757
758
759
//== Close
//
//##

Thomas Park's avatar
Thomas Park committed
760
@close-font-weight:           bold;
Thomas Park's avatar
Thomas Park committed
761
@close-color:                 #000;
Thomas Park's avatar
Thomas Park committed
762
763
764
@close-text-shadow:           0 1px 0 #fff;


Thomas Park's avatar
Thomas Park committed
765
766
767
768
//== Code
//
//##

Thomas Park's avatar
Thomas Park committed
769
770
771
@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

Thomas Park's avatar
Thomas Park committed
772
773
774
@kbd-color:                   #fff;
@kbd-bg:                      #333;

Thomas Park's avatar
Thomas Park committed
775
@pre-bg:                      #f5f5f5;
Thomas Park's avatar
Thomas Park committed
776
@pre-color:                   @gray-dark;
Thomas Park's avatar
Thomas Park committed
777
@pre-border-color:            #ccc;
Thomas Park's avatar
Thomas Park committed
778
@pre-scrollable-max-height:   340px;
Thomas Park's avatar
Thomas Park committed
779

Thomas Park's avatar
Thomas Park committed
780
781
782
783
784
785

//== Type
//
//##

//** Text muted color
Thomas Park's avatar
Thomas Park committed
786
@text-muted:                  @gray-light;
Thomas Park's avatar
Thomas Park committed
787
//** Abbreviations and acronyms border color
Thomas Park's avatar
Thomas Park committed
788
@abbr-border-color:           @gray-light;
Thomas Park's avatar
Thomas Park committed
789
//** Headings small color
Thomas Park's avatar
Thomas Park committed
790
@headings-small-color:        @gray-light;
Thomas Park's avatar
Thomas Park committed
791
//** Blockquote small color
Thomas Park's avatar
Thomas Park committed
792
@blockquote-small-color:      @gray-light;
Thomas Park's avatar
Thomas Park committed
793
//** Blockquote border color
Thomas Park's avatar
Thomas Park committed
794
@blockquote-border-color:     @gray-lighter;
Thomas Park's avatar
Thomas Park committed
795
//** Page header border color
Thomas Park's avatar
Thomas Park committed
796
797
798
@page-header-border-color:    @gray-lighter;


Thomas Park's avatar
Thomas Park committed
799
800
801
802
803
//== Miscellaneous
//
//##

//** Horizontal line color.
Thomas Park's avatar
Thomas Park committed
804
805
@hr-border:                   @gray-lighter;

Thomas Park's avatar
Thomas Park committed
806
//** Horizontal offset for forms and lists.
Thomas Park's avatar
Thomas Park committed
807
808
809
@component-offset-horizontal: 180px;


Thomas Park's avatar
Thomas Park committed
810
811
812
//== Container sizes
//
//## Define the maximum width of `.container` for different screen sizes.
Thomas Park's avatar
Thomas Park committed
813
814

// Small screen / tablet
Thomas Park's avatar
Thomas Park committed
815
@container-tablet:             ((720px + @grid-gutter-width));
Thomas Park's avatar
Thomas Park committed
816
//** For `@screen-sm-min` and up.
Thomas Park's avatar
Thomas Park committed
817
@container-sm:                 @container-tablet;
Thomas Park's avatar
Thomas Park committed
818
819

// Medium screen / desktop
Thomas Park's avatar
Thomas Park committed
820
@container-desktop:            ((940px + @grid-gutter-width));
Thomas Park's avatar
Thomas Park committed
821
//** For `@screen-md-min` and up.
Thomas Park's avatar
Thomas Park committed
822
@container-md:                 @container-desktop;
Thomas Park's avatar
Thomas Park committed
823
824

// Large screen / wide desktop
Thomas Park's avatar
Thomas Park committed
825
@container-large-desktop:      ((1140px + @grid-gutter-width));
Thomas Park's avatar
Thomas Park committed
826
//** For `@screen-lg-min` and up.
Thomas Park's avatar
Thomas Park committed
827
@container-lg:                 @container-large-desktop;