variables.less 19.3 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Cosmo 3.0.2
Thomas Park's avatar
Thomas Park committed
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
// Variables
// --------------------------------------------------


// Global values
// --------------------------------------------------

// Grays
// -------------------------

@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, 90%);

// Brand colors
// -------------------------

@brand-primary:         #007FFF;
@brand-success:         #3FB618;
@brand-warning:         #FF7518;
@brand-danger:          #FF0039;
@brand-info:            #9954BB;

// Scaffolding
// -------------------------

@body-bg:               #fff;
@text-color:            @gray-dark;

// Links
// -------------------------

@link-color:            @brand-primary;
@link-hover-color:      darken(@link-color, 15%);

// Typography
// -------------------------

@font-family-sans-serif:  "Open Sans", Calibri, Candara, Arial, sans-serif;
@font-family-serif:       Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

@font-size-base:          15px;
@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
52
53
54
55
56
57
@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
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil(@font-size-base * 0.85); // ~12px

Thomas Park's avatar
Thomas Park committed
58
59
60
61
62
63
@line-height-base:        1.428571429; // 20/14
@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px

@headings-font-family:    @font-family-base;
@headings-font-weight:    300;
@headings-line-height:    1.1;
Thomas Park's avatar
Thomas Park committed
64
65
@headings-color:          inherit;

Thomas Park's avatar
Thomas Park committed
66

Thomas Park's avatar
Thomas Park committed
67
68
69
70
71
72
// Iconography
// -------------------------

@icon-font-path:          "../fonts/";
@icon-font-name:          "glyphicons-halflings-regular";

Thomas Park's avatar
Thomas Park committed
73
74
75
76
77
78
79
80
81
82
83
84
85
86

// Components
// -------------------------
// Based on 14px font-size and 1.428 line-height (~20px to start)

@padding-base-vertical:          10px;
@padding-base-horizontal:        18px;

@padding-large-vertical:         18px;
@padding-large-horizontal:       30px;

@padding-small-vertical:         5px;
@padding-small-horizontal:       10px;

Thomas Park's avatar
Thomas Park committed
87
88
89
@line-height-large:              1.33;
@line-height-small:              1.5;

Thomas Park's avatar
Thomas Park committed
90
91
92
93
@border-radius-base:             0px;
@border-radius-large:            0px;
@border-radius-small:            0px;

Thomas Park's avatar
Thomas Park committed
94
@component-active-color:         #fff;
Thomas Park's avatar
Thomas Park committed
95
96
@component-active-bg:            @brand-primary;

Thomas Park's avatar
Thomas Park committed
97
98
@caret-width-base:               4px;
@caret-width-large:              5px;
Thomas Park's avatar
Thomas Park committed
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116

// Tables
// -------------------------

@table-cell-padding:                 8px;
@table-condensed-cell-padding:       5px;

@table-bg:                           transparent; // overall background-color
@table-bg-accent:                    #f9f9f9; // for striping
@table-bg-hover:                     #f5f5f5;
@table-bg-active:                    @table-bg-hover;

@table-border-color:                 #ddd; // table and cell border


// Buttons
// -------------------------

Thomas Park's avatar
Thomas Park committed
117
@btn-font-weight:                normal;
Thomas Park's avatar
Thomas Park committed
118

Thomas Park's avatar
Thomas Park committed
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
@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;

@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;

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

Thomas Park's avatar
Thomas Park committed
143
@btn-link-disabled-color:        @gray-light;
Thomas Park's avatar
Thomas Park committed
144
145
146
147
148
149
150
151


// Forms
// -------------------------

@input-bg:                       #fff;
@input-bg-disabled:              @gray-lighter;

Thomas Park's avatar
Thomas Park committed
152
@input-color:                    @text-color;
Thomas Park's avatar
Thomas Park committed
153
154
@input-border:                   #ccc;
@input-border-radius:            @border-radius-base;
Thomas Park's avatar
Thomas Park committed
155
@input-border-focus:             #66afe9;
Thomas Park's avatar
Thomas Park committed
156
157
158
159
160
161
162

@input-color-placeholder:        @gray-light;

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
@input-height-large:             (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
@input-height-small:             (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2);

Thomas Park's avatar
Thomas Park committed
163
@legend-color:                   @text-color;
Thomas Park's avatar
Thomas Park committed
164
165
@legend-border-color:            #e5e5e5;

Thomas Park's avatar
Thomas Park committed
166
@input-group-addon-bg:           @gray-lighter;
Thomas Park's avatar
Thomas Park committed
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
@input-group-addon-border-color: @input-border;


// Dropdowns
// -------------------------

@dropdown-bg:                    #fff;
@dropdown-border:                rgba(0,0,0,.15);
@dropdown-fallback-border:       #ccc;
@dropdown-divider-bg:            #e5e5e5;

@dropdown-link-color:            @gray-dark;
@dropdown-link-hover-color:      #fff;
@dropdown-link-hover-bg:         @dropdown-link-active-bg;

Thomas Park's avatar
Thomas Park committed
182
183
184
@dropdown-link-active-color:     #fff;
@dropdown-link-active-bg:        @component-active-bg;

Thomas Park's avatar
Thomas Park committed
185
186
187
188
@dropdown-link-disabled-color:   @text-muted;

@dropdown-header-color:          @text-muted;

Thomas Park's avatar
Thomas Park committed
189
190
191
192
193
194
195
196
197
198
199
200
@dropdown-caret-color:           #000;


// COMPONENT VARIABLES
// --------------------------------------------------


// Z-index master list
// -------------------------
// Used for a bird's eye view of components dependent on the z-axis
// Try to avoid customizing these :)

Thomas Park's avatar
Thomas Park committed
201
@zindex-navbar:            1000;
Thomas Park's avatar
Thomas Park committed
202
203
204
205
206
207
208
@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
209
210
211
212
// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
Thomas Park's avatar
Thomas Park committed
213
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
Thomas Park's avatar
Thomas Park committed
214
@screen-xs:                  480px;
Thomas Park's avatar
Thomas Park committed
215
216
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;
Thomas Park's avatar
Thomas Park committed
217
218

// Small screen / tablet
Thomas Park's avatar
Thomas Park committed
219
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
Thomas Park's avatar
Thomas Park committed
220
@screen-sm:                  768px;
Thomas Park's avatar
Thomas Park committed
221
222
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;
Thomas Park's avatar
Thomas Park committed
223
224

// Medium screen / desktop
Thomas Park's avatar
Thomas Park committed
225
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
Thomas Park's avatar
Thomas Park committed
226
@screen-md:                  992px;
Thomas Park's avatar
Thomas Park committed
227
228
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;
Thomas Park's avatar
Thomas Park committed
229
230

// Large screen / wide desktop
Thomas Park's avatar
Thomas Park committed
231
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
Thomas Park's avatar
Thomas Park committed
232
@screen-lg:                  1200px;
Thomas Park's avatar
Thomas Park committed
233
234
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;
Thomas Park's avatar
Thomas Park committed
235
236

// So media queries don't overlap when required, provide a maximum
Thomas Park's avatar
Thomas Park committed
237
238
239
@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
240
241
242
243
244
245
246
247
248
249


// Grid system
// --------------------------------------------------

// Number of columns in the grid system
@grid-columns:              12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width:         30px;
// Point at which the navbar stops collapsing
Thomas Park's avatar
Thomas Park committed
250
@grid-float-breakpoint:     @screen-sm-min;
Thomas Park's avatar
Thomas Park committed
251

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

// Navbar
// -------------------------

// Basics of a navbar
@navbar-height:                    50px;
Thomas Park's avatar
Thomas Park committed
258
259
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
Thomas Park's avatar
Thomas Park committed
260
@navbar-padding-horizontal:        floor(@grid-gutter-width / 2);
Thomas Park's avatar
Thomas Park committed
261
262
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);

Thomas Park's avatar
Thomas Park committed
263
264
265
266
@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
267
// Navbar links
Thomas Park's avatar
Thomas Park committed
268
269
270
271
272
273
274
@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
275
276

// Navbar brand label
Thomas Park's avatar
Thomas Park committed
277
278
279
@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
280
281

// Navbar toggle
Thomas Park's avatar
Thomas Park committed
282
283
284
@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
285
286
287
288
289
290
291


// Inverted navbar
//
// Reset inverted navbar basics
@navbar-inverse-color:                      #fff;
@navbar-inverse-bg:                         @brand-primary;
Thomas Park's avatar
Thomas Park committed
292
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Thomas Park's avatar
Thomas Park committed
293
294
295
296
297
298
299
300
301
302
303
304
305

// 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;
306
@navbar-inverse-brand-hover-bg:             none;
Thomas Park's avatar
Thomas Park committed
307
308

// Inverted navbar toggle
Thomas Park's avatar
Thomas Park committed
309
@navbar-inverse-toggle-hover-bg:            @navbar-inverse-link-hover-bg;
Thomas Park's avatar
Thomas Park committed
310
@navbar-inverse-toggle-icon-bar-bg:         #fff;
Thomas Park's avatar
Thomas Park committed
311
@navbar-inverse-toggle-border-color:        transparent;
Thomas Park's avatar
Thomas Park committed
312
313
314
315
316


// Navs
// -------------------------

Thomas Park's avatar
Thomas Park committed
317
@nav-link-padding:                          10px 15px;
Thomas Park's avatar
Thomas Park committed
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
@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;
@nav-open-caret-border-color:               #fff;

// Tabs
@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;

// Pills
Thomas Park's avatar
Thomas Park committed
339
@nav-pills-border-radius:                   @border-radius-base;
Thomas Park's avatar
Thomas Park committed
340
@nav-pills-active-link-hover-bg:            @component-active-bg;
Thomas Park's avatar
Thomas Park committed
341
@nav-pills-active-link-hover-color:         @component-active-color;
Thomas Park's avatar
Thomas Park committed
342
343
344
345
346
347
348


// Pagination
// -------------------------

@pagination-bg:                        #fff;
@pagination-border:                    #ddd;
Thomas Park's avatar
Thomas Park committed
349
350
351

@pagination-hover-bg:                  @gray-lighter;

Thomas Park's avatar
Thomas Park committed
352
353
@pagination-active-bg:                 #f5f5f5;
@pagination-active-color:              @gray-light;
Thomas Park's avatar
Thomas Park committed
354

Thomas Park's avatar
Thomas Park committed
355
356
@pagination-disabled-color:            @gray-light;

Thomas Park's avatar
Thomas Park committed
357

Thomas Park's avatar
Thomas Park committed
358
359
360
361
362
363
364
365
366
367
// Pager
// -------------------------

@pager-border-radius:                  @border-radius-base;
@pager-disabled-color:                 @gray-light;


// Jumbotron
// -------------------------

Thomas Park's avatar
Thomas Park committed
368
369
@jumbotron-padding:              30px;
@jumbotron-color:                inherit;
Thomas Park's avatar
Thomas Park committed
370
371
@jumbotron-bg:                   @gray-lighter;
@jumbotron-heading-color:        inherit;
Thomas Park's avatar
Thomas Park committed
372
@jumbotron-font-size:            ceil(@font-size-base * 1.5);
Thomas Park's avatar
Thomas Park committed
373
374
375
376
377
378
379
380
381
382
383
384
385


// Form states and alerts
// -------------------------

@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
386
387
388
389
390
391
392
393
@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
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423

// Tooltips
// -------------------------
@tooltip-max-width:           200px;
@tooltip-color:               #fff;
@tooltip-bg:                  rgba(0,0,0,.9);

@tooltip-arrow-width:         5px;
@tooltip-arrow-color:         @tooltip-bg;


// Popovers
// -------------------------
@popover-bg:                          #fff;
@popover-max-width:                   276px;
@popover-border-color:                rgba(0,0,0,.2);
@popover-fallback-border-color:       #ccc;

@popover-title-bg:                    darken(@popover-bg, 3%);

@popover-arrow-width:                 10px;
@popover-arrow-color:                 #fff;

@popover-arrow-outer-width:           (@popover-arrow-width + 1);
@popover-arrow-outer-color:           rgba(0,0,0,.25);
@popover-arrow-outer-fallback-color:  #999;


// Labels
// -------------------------
Thomas Park's avatar
Thomas Park committed
424
425
426

@label-default-bg:            @btn-default-bg;
@label-primary-bg:            @brand-primary;
Thomas Park's avatar
Thomas Park committed
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
@label-success-bg:            @brand-success;
@label-info-bg:               @brand-info;
@label-warning-bg:            @brand-warning;
@label-danger-bg:             @brand-danger;

@label-color:                 #fff;
@label-link-hover-color:      #fff;


// Modals
// -------------------------
@modal-inner-padding:         20px;

@modal-title-padding:         15px;
@modal-title-line-height:     @line-height-base;

@modal-content-bg:                             #fff;
@modal-content-border-color:                   rgba(0,0,0,.2);
@modal-content-fallback-border-color:          #999;

@modal-backdrop-bg:           #000;
@modal-header-border-color:   #e5e5e5;
@modal-footer-border-color:   @modal-header-border-color;


// Alerts
// -------------------------
Thomas Park's avatar
Thomas Park committed
454
455
456
457
@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

Thomas Park's avatar
Thomas Park committed
458
459
460
461
462
463
464
465
@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
466
467
468
469
470
471
472
473
@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
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493

// Progress bars
// -------------------------
@progress-bg:                 #ccc;
@progress-bar-color:          #fff;

@progress-bar-bg:             @brand-primary;
@progress-bar-success-bg:     @brand-success;
@progress-bar-warning-bg:     @brand-warning;
@progress-bar-danger-bg:      @brand-danger;
@progress-bar-info-bg:        @brand-info;


// List group
// -------------------------
@list-group-bg:               #fff;
@list-group-border:           #ddd;
@list-group-border-radius:    @border-radius-base;

@list-group-hover-bg:         #f5f5f5;
Thomas Park's avatar
Thomas Park committed
494
@list-group-active-color:     @component-active-color;
Thomas Park's avatar
Thomas Park committed
495
496
497
498
499
500
501
502
503
504
@list-group-active-bg:        @component-active-bg;
@list-group-active-border:    @list-group-active-bg;

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


// Panels
// -------------------------
@panel-bg:                    #fff;
Thomas Park's avatar
Thomas Park committed
505
@panel-inner-border:          #ddd;
Thomas Park's avatar
Thomas Park committed
506
507
508
@panel-border-radius:         @border-radius-base;
@panel-footer-bg:             #f5f5f5;

Thomas Park's avatar
Thomas Park committed
509
510
511
512
@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

Thomas Park's avatar
Thomas Park committed
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
@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;

@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;

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


// Thumbnails
// -------------------------
Thomas Park's avatar
Thomas Park committed
536
@thumbnail-padding:           4px;
Thomas Park's avatar
Thomas Park committed
537
538
539
540
@thumbnail-bg:                @body-bg;
@thumbnail-border:            #ddd;
@thumbnail-border-radius:     @border-radius-base;

Thomas Park's avatar
Thomas Park committed
541
542
543
@thumbnail-caption-color:     @text-color;
@thumbnail-caption-padding:   9px;

Thomas Park's avatar
Thomas Park committed
544
545
546
547
548
549
550
551
552
553
554

// Wells
// -------------------------
@well-bg:                     #f5f5f5;


// Badges
// -------------------------
@badge-color:                 #fff;
@badge-link-hover-color:      #fff;
@badge-bg:                    @gray-light;
Thomas Park's avatar
Thomas Park committed
555

Thomas Park's avatar
Thomas Park committed
556
557
558
@badge-active-color:          @link-color;
@badge-active-bg:             #fff;

Thomas Park's avatar
Thomas Park committed
559
560
561
562
@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;

Thomas Park's avatar
Thomas Park committed
563
564
565
566
567
568

// Breadcrumbs
// -------------------------
@breadcrumb-bg:               #f5f5f5;
@breadcrumb-color:            #ccc;
@breadcrumb-active-color:     @gray-light;
Thomas Park's avatar
Thomas Park committed
569
@breadcrumb-separator:        "/";
Thomas Park's avatar
Thomas Park committed
570
571
572
573


// Carousel
// ------------------------
Thomas Park's avatar
Thomas Park committed
574

Thomas Park's avatar
Thomas Park committed
575
576
577
@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
Thomas Park's avatar
Thomas Park committed
578
579
580
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;
Thomas Park's avatar
Thomas Park committed
581
582

@carousel-indicator-active-bg:                #fff;
Thomas Park's avatar
Thomas Park committed
583
@carousel-indicator-border-color:             #fff;
Thomas Park's avatar
Thomas Park committed
584
585
586
587
588
589

@carousel-caption-color:                      #fff;


// Close
// ------------------------
Thomas Park's avatar
Thomas Park committed
590
@close-font-weight:           bold;
Thomas Park's avatar
Thomas Park committed
591
@close-color:                 #000;
Thomas Park's avatar
Thomas Park committed
592
593
594
595
596
597
598
599
600
@close-text-shadow:           0 1px 0 #fff;


// Code
// ------------------------
@code-color:                  #c7254e;
@code-bg:                     #f9f2f4;

@pre-bg:                      #f5f5f5;
Thomas Park's avatar
Thomas Park committed
601
@pre-color:                   @gray-dark;
Thomas Park's avatar
Thomas Park committed
602
@pre-border-color:            #ccc;
Thomas Park's avatar
Thomas Park committed
603
@pre-scrollable-max-height:   340px;
Thomas Park's avatar
Thomas Park committed
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627

// Type
// ------------------------
@text-muted:                  @gray-light;
@abbr-border-color:           @gray-light;
@headings-small-color:        @gray-light;
@blockquote-small-color:      @gray-light;
@blockquote-border-color:     @gray-lighter;
@page-header-border-color:    @gray-lighter;

// Miscellaneous
// -------------------------

// Hr border color
@hr-border:                   @gray-lighter;

// Horizontal forms & lists
@component-offset-horizontal: 180px;


// Container sizes
// --------------------------------------------------

// Small screen / tablet
Thomas Park's avatar
Thomas Park committed
628
629
@container-tablet:             ((720px + @grid-gutter-width));
@container-sm:                 @container-tablet;
Thomas Park's avatar
Thomas Park committed
630
631

// Medium screen / desktop
Thomas Park's avatar
Thomas Park committed
632
633
@container-desktop:            ((940px + @grid-gutter-width));
@container-md:                 @container-desktop;
Thomas Park's avatar
Thomas Park committed
634
635

// Large screen / wide desktop
Thomas Park's avatar
Thomas Park committed
636
637
@container-large-desktop:      ((1140px + @grid-gutter-width));
@container-lg:                 @container-large-desktop;