variables.less 24.8 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Cerulean 3.1.1
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
14
15
16
17

@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

@brand-primary:         #2FA4E7;
@brand-success:         #73A839;
Thomas Park's avatar
Thomas Park committed
18
@brand-info:            #033C73;
Thomas Park's avatar
Thomas Park committed
19
20
21
22
@brand-warning:         #DD5600;
@brand-danger:          #C71C22;


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;

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:  "Helvetica Neue", Helvetica, 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:          14px;
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:    500;
@headings-line-height:    1.1;
Thomas Park's avatar
Thomas Park committed
68
69
@headings-color:          #317EAC;

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:     8px;
@padding-base-horizontal:   12px;
Thomas Park's avatar
Thomas Park committed
85

Thomas Park's avatar
Thomas Park committed
86
87
@padding-large-vertical:    14px;
@padding-large-horizontal:  16px;
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:        4px;
@border-radius-large:       6px;
@border-radius-small:       3px;
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:              @text-color;
@btn-default-bg:                 #fff;
@btn-default-border:             rgba(0, 0, 0, 0.1);

@btn-primary-color:              #fff;
@btn-primary-bg:                 @brand-primary;
@btn-primary-border:             @btn-primary-bg;

@btn-success-color:              #fff;
@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:                 #fff;
@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:              #fff;
@btn-warning-bg:                 @brand-warning;
@btn-warning-border:             @btn-warning-bg;

@btn-danger-color:               #fff;
@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.
215
@dropdown-divider-bg:            #e5e5e5;
Thomas Park's avatar
Thomas Park committed
216

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
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
//== 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;


Thomas Park's avatar
Thomas Park committed
324
325
326
//== Navbar
//
//##
Thomas Park's avatar
Thomas Park committed
327
328
329

// Basics of a navbar
@navbar-height:                    50px;
Thomas Park's avatar
Thomas Park committed
330
331
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
Thomas Park's avatar
Thomas Park committed
332
@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
Thomas Park's avatar
Thomas Park committed
333
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
Thomas Park's avatar
Thomas Park committed
334
@navbar-collapse-max-height:       340px;
Thomas Park's avatar
Thomas Park committed
335

336
@navbar-default-color:             #ddd;
Thomas Park's avatar
Thomas Park committed
337
338
339
@navbar-default-bg:                @brand-primary;
@navbar-default-border:            darken(@navbar-default-bg, 6.5%);

Thomas Park's avatar
Thomas Park committed
340
// Navbar links
Thomas Park's avatar
Thomas Park committed
341
342
343
344
345
@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:         #fff;
@navbar-default-link-active-bg:            darken(@navbar-default-bg, 10%);
346
@navbar-default-link-disabled-color:       #ddd;
Thomas Park's avatar
Thomas Park committed
347
@navbar-default-link-disabled-bg:          transparent;
Thomas Park's avatar
Thomas Park committed
348
349

// Navbar brand label
Thomas Park's avatar
Thomas Park committed
350
351
352
@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
353
354

// Navbar toggle
Thomas Park's avatar
Thomas Park committed
355
356
357
@navbar-default-toggle-hover-bg:           darken(@navbar-default-bg, 10%);
@navbar-default-toggle-icon-bar-bg:        #fff;
@navbar-default-toggle-border-color:       darken(@navbar-default-bg, 10%);
Thomas Park's avatar
Thomas Park committed
358
359
360
361
362
363


// Inverted navbar
// Reset inverted navbar basics
@navbar-inverse-color:                      #fff;
@navbar-inverse-bg:                         @brand-info;
364
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 5%);
Thomas Park's avatar
Thomas Park committed
365
366
367
368

// Inverted navbar links
@navbar-inverse-link-color:                 #fff;
@navbar-inverse-link-hover-color:           #fff;
369
@navbar-inverse-link-hover-bg:              darken(@navbar-inverse-bg, 5%);
Thomas Park's avatar
Thomas Park committed
370
@navbar-inverse-link-active-color:          #fff;
371
@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 5%);
Thomas Park's avatar
Thomas Park committed
372
373
374
375
376
377
@navbar-inverse-link-disabled-color:        #ccc;
@navbar-inverse-link-disabled-bg:           transparent;

// Inverted navbar brand label
@navbar-inverse-brand-color:                @navbar-inverse-link-color;
@navbar-inverse-brand-hover-color:          #fff;
378
@navbar-inverse-brand-hover-bg:             none;
Thomas Park's avatar
Thomas Park committed
379
380

// Inverted navbar toggle
381
@navbar-inverse-toggle-hover-bg:            darken(@navbar-inverse-bg, 5%);
Thomas Park's avatar
Thomas Park committed
382
@navbar-inverse-toggle-icon-bar-bg:         #fff;
383
@navbar-inverse-toggle-border-color:        darken(@navbar-inverse-bg, 5%);
Thomas Park's avatar
Thomas Park committed
384
385


Thomas Park's avatar
Thomas Park committed
386
387
388
//== Navs
//
//##
Thomas Park's avatar
Thomas Park committed
389

Thomas Park's avatar
Thomas Park committed
390
//=== Shared nav styles
Thomas Park's avatar
Thomas Park committed
391
@nav-link-padding:                          10px 15px;
Thomas Park's avatar
Thomas Park committed
392
393
394
395
396
397
398
@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
399
//== Tabs
Thomas Park's avatar
Thomas Park committed
400
401
402
403
404
405
406
407
408
409
410
@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
411
//== Pills
Thomas Park's avatar
Thomas Park committed
412
@nav-pills-border-radius:                   @border-radius-base;
Thomas Park's avatar
Thomas Park committed
413
@nav-pills-active-link-hover-bg:            @component-active-bg;
Thomas Park's avatar
Thomas Park committed
414
@nav-pills-active-link-hover-color:         @component-active-color;
Thomas Park's avatar
Thomas Park committed
415
416


Thomas Park's avatar
Thomas Park committed
417
418
419
//== Pagination
//
//##
Thomas Park's avatar
Thomas Park committed
420

Thomas Park's avatar
Thomas Park committed
421
@pagination-color:                     @link-color;
Thomas Park's avatar
Thomas Park committed
422
423
@pagination-bg:                        #fff;
@pagination-border:                    #ddd;
Thomas Park's avatar
Thomas Park committed
424

Thomas Park's avatar
Thomas Park committed
425
@pagination-hover-color:               @link-hover-color;
Thomas Park's avatar
Thomas Park committed
426
@pagination-hover-bg:                  @gray-lighter;
Thomas Park's avatar
Thomas Park committed
427
@pagination-hover-border:              #ddd;
Thomas Park's avatar
Thomas Park committed
428

Thomas Park's avatar
Thomas Park committed
429
@pagination-active-color:              @gray-light;
Thomas Park's avatar
Thomas Park committed
430
431
@pagination-active-bg:                 #f5f5f5;
@pagination-active-border:             @pagination-hover-border;
Thomas Park's avatar
Thomas Park committed
432

Thomas Park's avatar
Thomas Park committed
433
@pagination-disabled-color:            @gray-light;
Thomas Park's avatar
Thomas Park committed
434
435
@pagination-disabled-bg:               #fff;
@pagination-disabled-border:           #ddd;
Thomas Park's avatar
Thomas Park committed
436

Thomas Park's avatar
Thomas Park committed
437

Thomas Park's avatar
Thomas Park committed
438
439
440
//== Pager
//
//##
Thomas Park's avatar
Thomas Park committed
441

Thomas Park's avatar
Thomas Park committed
442
443
@pager-bg:                             @pagination-bg;
@pager-border:                         @pagination-border;
Thomas Park's avatar
Thomas Park committed
444
@pager-border-radius:                  15px;
Thomas Park's avatar
Thomas Park committed
445
446
447
448
449
450

@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
451
452
453
@pager-disabled-color:                 @gray-light;


Thomas Park's avatar
Thomas Park committed
454
455
456
//== Jumbotron
//
//##
Thomas Park's avatar
Thomas Park committed
457

Thomas Park's avatar
Thomas Park committed
458
459
@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
Thomas Park's avatar
Thomas Park committed
460
461
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
Thomas Park's avatar
Thomas Park committed
462
@jumbotron-font-size:            ceil((@font-size-base * 1.5));
Thomas Park's avatar
Thomas Park committed
463
464


Thomas Park's avatar
Thomas Park committed
465
466
467
//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.
Thomas Park's avatar
Thomas Park committed
468
469
470
471
472
473
474
475
476

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

@state-info-text:                #3a87ad;
@state-info-bg:                  #d9edf7;
@state-info-border:              darken(spin(@state-info-bg, -10), 7%);

Thomas Park's avatar
Thomas Park committed
477
478
479
480
481
482
483
484
@state-warning-text:             #c09853;
@state-warning-bg:               #fcf8e3;
@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);

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

Thomas Park's avatar
Thomas Park committed
485

Thomas Park's avatar
Thomas Park committed
486
487
488
489
490
//== Tooltips
//
//##

//** Tooltip max width
Thomas Park's avatar
Thomas Park committed
491
@tooltip-max-width:           200px;
Thomas Park's avatar
Thomas Park committed
492
//** Tooltip text color
Thomas Park's avatar
Thomas Park committed
493
@tooltip-color:               #fff;
Thomas Park's avatar
Thomas Park committed
494
//** Tooltip background color
Thomas Park's avatar
Thomas Park committed
495
@tooltip-bg:                  rgba(0,0,0,.9);
Thomas Park's avatar
Thomas Park committed
496
@tooltip-opacity:             .9;
Thomas Park's avatar
Thomas Park committed
497

Thomas Park's avatar
Thomas Park committed
498
//** Tooltip arrow width
Thomas Park's avatar
Thomas Park committed
499
@tooltip-arrow-width:         5px;
Thomas Park's avatar
Thomas Park committed
500
//** Tooltip arrow color
Thomas Park's avatar
Thomas Park committed
501
502
503
@tooltip-arrow-color:         @tooltip-bg;


Thomas Park's avatar
Thomas Park committed
504
505
506
507
508
//== Popovers
//
//##

//** Popover body background color
Thomas Park's avatar
Thomas Park committed
509
@popover-bg:                          #fff;
Thomas Park's avatar
Thomas Park committed
510
//** Popover maximum width
Thomas Park's avatar
Thomas Park committed
511
@popover-max-width:                   276px;
Thomas Park's avatar
Thomas Park committed
512
//** Popover border color
Thomas Park's avatar
Thomas Park committed
513
@popover-border-color:                rgba(0,0,0,.2);
Thomas Park's avatar
Thomas Park committed
514
//** Popover fallback border color
Thomas Park's avatar
Thomas Park committed
515
516
@popover-fallback-border-color:       #ccc;

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

Thomas Park's avatar
Thomas Park committed
520
//** Popover arrow width
Thomas Park's avatar
Thomas Park committed
521
@popover-arrow-width:                 10px;
Thomas Park's avatar
Thomas Park committed
522
//** Popover arrow color
Thomas Park's avatar
Thomas Park committed
523
524
@popover-arrow-color:                 #fff;

Thomas Park's avatar
Thomas Park committed
525
//** Popover outer arrow width
Thomas Park's avatar
Thomas Park committed
526
@popover-arrow-outer-width:           (@popover-arrow-width + 1);
Thomas Park's avatar
Thomas Park committed
527
//** Popover outer arrow color
Thomas Park's avatar
Thomas Park committed
528
@popover-arrow-outer-color:           fadein(@popover-border-color, 5%);
Thomas Park's avatar
Thomas Park committed
529
//** Popover outer arrow fallback color
Thomas Park's avatar
Thomas Park committed
530
@popover-arrow-outer-fallback-color:  darken(@popover-fallback-border-color, 20%);
Thomas Park's avatar
Thomas Park committed
531
532


Thomas Park's avatar
Thomas Park committed
533
534
535
//== Labels
//
//##
Thomas Park's avatar
Thomas Park committed
536

Thomas Park's avatar
Thomas Park committed
537
//** Default label background color
538
@label-default-bg:            @gray-light;
Thomas Park's avatar
Thomas Park committed
539
//** Primary label background color
Thomas Park's avatar
Thomas Park committed
540
@label-primary-bg:            @brand-primary;
Thomas Park's avatar
Thomas Park committed
541
//** Success label background color
Thomas Park's avatar
Thomas Park committed
542
@label-success-bg:            @brand-success;
Thomas Park's avatar
Thomas Park committed
543
//** Info label background color
Thomas Park's avatar
Thomas Park committed
544
@label-info-bg:               @brand-info;
Thomas Park's avatar
Thomas Park committed
545
//** Warning label background color
Thomas Park's avatar
Thomas Park committed
546
@label-warning-bg:            @brand-warning;
Thomas Park's avatar
Thomas Park committed
547
//** Danger label background color
Thomas Park's avatar
Thomas Park committed
548
549
@label-danger-bg:             @brand-danger;

Thomas Park's avatar
Thomas Park committed
550
//** Default label text color
Thomas Park's avatar
Thomas Park committed
551
@label-color:                 #fff;
Thomas Park's avatar
Thomas Park committed
552
//** Default text color of a linked label
Thomas Park's avatar
Thomas Park committed
553
554
555
@label-link-hover-color:      #fff;


Thomas Park's avatar
Thomas Park committed
556
557
558
559
560
//== Modals
//
//##

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

Thomas Park's avatar
Thomas Park committed
563
//** Padding applied to the modal title
Thomas Park's avatar
Thomas Park committed
564
@modal-title-padding:         15px;
Thomas Park's avatar
Thomas Park committed
565
//** Modal title line-height
Thomas Park's avatar
Thomas Park committed
566
567
@modal-title-line-height:     @line-height-base;

Thomas Park's avatar
Thomas Park committed
568
//** Background color of modal content area
Thomas Park's avatar
Thomas Park committed
569
@modal-content-bg:                             #fff;
Thomas Park's avatar
Thomas Park committed
570
//** Modal content border color
Thomas Park's avatar
Thomas Park committed
571
@modal-content-border-color:                   rgba(0,0,0,.2);
Thomas Park's avatar
Thomas Park committed
572
//** Modal content border color **for IE8**
Thomas Park's avatar
Thomas Park committed
573
574
@modal-content-fallback-border-color:          #999;

Thomas Park's avatar
Thomas Park committed
575
//** Modal backdrop background color
Thomas Park's avatar
Thomas Park committed
576
@modal-backdrop-bg:           #000;
Thomas Park's avatar
Thomas Park committed
577
578
579
//** Modal backdrop opacity
@modal-backdrop-opacity:      .5;
//** Modal header border color
Thomas Park's avatar
Thomas Park committed
580
@modal-header-border-color:   #e5e5e5;
Thomas Park's avatar
Thomas Park committed
581
//** Modal footer border color
Thomas Park's avatar
Thomas Park committed
582
583
@modal-footer-border-color:   @modal-header-border-color;

Thomas Park's avatar
Thomas Park committed
584
585
586
587
588
589
590
591
@modal-lg:                    900px;
@modal-md:                    600px;
@modal-sm:                    300px;


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

Thomas Park's avatar
Thomas Park committed
593
594
595
596
@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

Thomas Park's avatar
Thomas Park committed
597
598
599
600
601
602
603
604
@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
605
606
607
608
609
610
611
612
@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
613

Thomas Park's avatar
Thomas Park committed
614
615
616
617
618
//== Progress bars
//
//##

//** Background color of the whole progress component
Thomas Park's avatar
Thomas Park committed
619
@progress-bg:                 #f5f5f5;
Thomas Park's avatar
Thomas Park committed
620
//** Progress bar text color
Thomas Park's avatar
Thomas Park committed
621
622
@progress-bar-color:          #fff;

Thomas Park's avatar
Thomas Park committed
623
//** Default progress bar color
Thomas Park's avatar
Thomas Park committed
624
@progress-bar-bg:             @brand-primary;
Thomas Park's avatar
Thomas Park committed
625
//** Success progress bar color
Thomas Park's avatar
Thomas Park committed
626
@progress-bar-success-bg:     @brand-success;
Thomas Park's avatar
Thomas Park committed
627
//** Warning progress bar color
Thomas Park's avatar
Thomas Park committed
628
@progress-bar-warning-bg:     @brand-warning;
Thomas Park's avatar
Thomas Park committed
629
//** Danger progress bar color
Thomas Park's avatar
Thomas Park committed
630
@progress-bar-danger-bg:      @brand-danger;
Thomas Park's avatar
Thomas Park committed
631
//** Info progress bar color
Thomas Park's avatar
Thomas Park committed
632
633
634
@progress-bar-info-bg:        @brand-info;


Thomas Park's avatar
Thomas Park committed
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
//== 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
663
664

@panel-bg:                    #fff;
Thomas Park's avatar
Thomas Park committed
665
@panel-body-padding:          15px;
Thomas Park's avatar
Thomas Park committed
666
@panel-border-radius:         @border-radius-base;
Thomas Park's avatar
Thomas Park committed
667
668
669

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

Thomas Park's avatar
Thomas Park committed
672
@panel-default-text:          @text-color;
Thomas Park's avatar
Thomas Park committed
673
674
675
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

Thomas Park's avatar
Thomas Park committed
676
@panel-primary-text:          #fff;
Thomas Park's avatar
Thomas Park committed
677
@panel-primary-border:        @panel-default-border;
Thomas Park's avatar
Thomas Park committed
678
679
680
@panel-primary-heading-bg:    @brand-primary;

@panel-success-text:          @state-success-text;
Thomas Park's avatar
Thomas Park committed
681
682
@panel-success-border:        @panel-default-border;
@panel-success-heading-bg:    @brand-success;
Thomas Park's avatar
Thomas Park committed
683

Thomas Park's avatar
Thomas Park committed
684
685
686
687
@panel-info-text:             @state-info-text;
@panel-info-border:           @panel-default-border;
@panel-info-heading-bg:       @brand-info;

Thomas Park's avatar
Thomas Park committed
688
@panel-warning-text:          @state-warning-text;
Thomas Park's avatar
Thomas Park committed
689
690
@panel-warning-border:        @panel-default-border;
@panel-warning-heading-bg:    @brand-warning;
Thomas Park's avatar
Thomas Park committed
691
692

@panel-danger-text:           @state-danger-text;
Thomas Park's avatar
Thomas Park committed
693
694
@panel-danger-border:         @panel-default-border;
@panel-danger-heading-bg:     @brand-danger;
Thomas Park's avatar
Thomas Park committed
695
696


Thomas Park's avatar
Thomas Park committed
697
698
699
//== Thumbnails
//
//##
Thomas Park's avatar
Thomas Park committed
700

Thomas Park's avatar
Thomas Park committed
701
//** Padding around the thumbnail image
Thomas Park's avatar
Thomas Park committed
702
@thumbnail-padding:           4px;
Thomas Park's avatar
Thomas Park committed
703
//** Thumbnail background color
Thomas Park's avatar
Thomas Park committed
704
@thumbnail-bg:                @body-bg;
Thomas Park's avatar
Thomas Park committed
705
//** Thumbnail border color
Thomas Park's avatar
Thomas Park committed
706
@thumbnail-border:            #ddd;
Thomas Park's avatar
Thomas Park committed
707
//** Thumbnail border radius
Thomas Park's avatar
Thomas Park committed
708
709
@thumbnail-border-radius:     @border-radius-base;

Thomas Park's avatar
Thomas Park committed
710
//** Custom text color for thumbnail captions
Thomas Park's avatar
Thomas Park committed
711
@thumbnail-caption-color:     @text-color;
Thomas Park's avatar
Thomas Park committed
712
//** Padding around the thumbnail caption
Thomas Park's avatar
Thomas Park committed
713
714
@thumbnail-caption-padding:   9px;

Thomas Park's avatar
Thomas Park committed
715

Thomas Park's avatar
Thomas Park committed
716
717
718
719
//== Wells
//
//##

Thomas Park's avatar
Thomas Park committed
720
@well-bg:                     #f5f5f5;
Thomas Park's avatar
Thomas Park committed
721
@well-border:                 darken(@well-bg, 7%);
Thomas Park's avatar
Thomas Park committed
722
723


Thomas Park's avatar
Thomas Park committed
724
725
726
727
//== Badges
//
//##

Thomas Park's avatar
Thomas Park committed
728
@badge-color:                 #fff;
Thomas Park's avatar
Thomas Park committed
729
//** Linked badge text color on hover
Thomas Park's avatar
Thomas Park committed
730
@badge-link-hover-color:      #fff;
731
@badge-bg:                    @brand-primary;
Thomas Park's avatar
Thomas Park committed
732

Thomas Park's avatar
Thomas Park committed
733
//** Badge text color in active nav link
Thomas Park's avatar
Thomas Park committed
734
@badge-active-color:          @link-color;
Thomas Park's avatar
Thomas Park committed
735
//** Badge background color in active nav link
Thomas Park's avatar
Thomas Park committed
736
737
@badge-active-bg:             #fff;

Thomas Park's avatar
Thomas Park committed
738
739
740
741
@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;

Thomas Park's avatar
Thomas Park committed
742

Thomas Park's avatar
Thomas Park committed
743
744
745
746
747
748
749
750
751
752
753
754
755
756
//== 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
757
758


Thomas Park's avatar
Thomas Park committed
759
760
761
//== Carousel
//
//##
Thomas Park's avatar
Thomas Park committed
762

Thomas Park's avatar
Thomas Park committed
763
764
765
@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
Thomas Park's avatar
Thomas Park committed
766
767
768
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;
Thomas Park's avatar
Thomas Park committed
769
770

@carousel-indicator-active-bg:                #fff;
Thomas Park's avatar
Thomas Park committed
771
@carousel-indicator-border-color:             #fff;
Thomas Park's avatar
Thomas Park committed
772
773
774
775

@carousel-caption-color:                      #fff;


Thomas Park's avatar
Thomas Park committed
776
777
778
779
//== Close
//
//##

Thomas Park's avatar
Thomas Park committed
780
@close-font-weight:           bold;
Thomas Park's avatar
Thomas Park committed
781
@close-color:                 #000;
Thomas Park's avatar
Thomas Park committed
782
783
784
@close-text-shadow:           0 1px 0 #fff;


Thomas Park's avatar
Thomas Park committed
785
786
787
788
//== Code
//
//##

Thomas Park's avatar
Thomas Park committed
789
790
791
@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

Thomas Park's avatar
Thomas Park committed
792
793
794
@kbd-color:                   #fff;
@kbd-bg:                      #333;

Thomas Park's avatar
Thomas Park committed
795
@pre-bg:                      #f5f5f5;
Thomas Park's avatar
Thomas Park committed
796
@pre-color:                   @gray-dark;
Thomas Park's avatar
Thomas Park committed
797
@pre-border-color:            #ccc;
Thomas Park's avatar
Thomas Park committed
798
@pre-scrollable-max-height:   340px;
Thomas Park's avatar
Thomas Park committed
799

Thomas Park's avatar
Thomas Park committed
800
801
802
803
804
805

//== Type
//
//##

//** Text muted color
Thomas Park's avatar
Thomas Park committed
806
@text-muted:                  @gray-light;
Thomas Park's avatar
Thomas Park committed
807
//** Abbreviations and acronyms border color
Thomas Park's avatar
Thomas Park committed
808
@abbr-border-color:           @gray-light;
Thomas Park's avatar
Thomas Park committed
809
//** Headings small color
Thomas Park's avatar
Thomas Park committed
810
@headings-small-color:        @gray-light;
Thomas Park's avatar
Thomas Park committed
811
//** Blockquote small color
Thomas Park's avatar
Thomas Park committed
812
@blockquote-small-color:      @gray-light;
Thomas Park's avatar
Thomas Park committed
813
814
//** Blockquote font size
@blockquote-font-size:        (@font-size-base * 1.25);
Thomas Park's avatar
Thomas Park committed
815
//** Blockquote border color
Thomas Park's avatar
Thomas Park committed
816
@blockquote-border-color:     @gray-lighter;
Thomas Park's avatar
Thomas Park committed
817
//** Page header border color
Thomas Park's avatar
Thomas Park committed
818
819
820
@page-header-border-color:    @gray-lighter;


Thomas Park's avatar
Thomas Park committed
821
822
823
824
825
//== Miscellaneous
//
//##

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

Thomas Park's avatar
Thomas Park committed
828
//** Horizontal offset for forms and lists.
Thomas Park's avatar
Thomas Park committed
829
@component-offset-horizontal: 180px;