variables.less 19.4 KB
Newer Older
Thomas Park's avatar
Thomas Park committed
1
// Cosmo 3.0.3
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
// 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;
44
@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
Thomas Park's avatar
Thomas Park committed
45
46
47
48
49
50
@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;

87
88
89
@padding-xs-vertical:            1px;
@padding-xs-horizontal:          5px;

Thomas Park's avatar
Thomas Park committed
90
91
92
@line-height-large:              1.33;
@line-height-small:              1.5;

93
94
95
@border-radius-base:             0;
@border-radius-large:            0;
@border-radius-small:            0;
Thomas Park's avatar
Thomas Park committed
96

Thomas Park's avatar
Thomas Park committed
97
@component-active-color:         #fff;
Thomas Park's avatar
Thomas Park committed
98
99
@component-active-bg:            @brand-primary;

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

// 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
120
@btn-font-weight:                normal;
Thomas Park's avatar
Thomas Park committed
121

Thomas Park's avatar
Thomas Park committed
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
@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
146
@btn-link-disabled-color:        @gray-light;
Thomas Park's avatar
Thomas Park committed
147
148
149
150
151
152
153
154


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

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

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

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

@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
163
164
@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
Thomas Park's avatar
Thomas Park committed
165

Thomas Park's avatar
Thomas Park committed
166
@legend-color:                   @text-color;
Thomas Park's avatar
Thomas Park committed
167
168
@legend-border-color:            #e5e5e5;

Thomas Park's avatar
Thomas Park committed
169
@input-group-addon-bg:           @gray-lighter;
Thomas Park's avatar
Thomas Park committed
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
@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
185
186
187
@dropdown-link-active-color:     #fff;
@dropdown-link-active-bg:        @component-active-bg;

Thomas Park's avatar
Thomas Park committed
188
189
190
191
@dropdown-link-disabled-color:   @text-muted;

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

Thomas Park's avatar
Thomas Park committed
192
193
194
195
196
197
198
199
200
201

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

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

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

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

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

// So media queries don't overlap when required, provide a maximum
Thomas Park's avatar
Thomas Park committed
238
239
240
@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
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;
250
251
252
253

// Navbar collapse

// Point at which the navbar becomes uncollapsed
Thomas Park's avatar
Thomas Park committed
254
@grid-float-breakpoint:     @screen-sm-min;
255
256
// Point at which the navbar begins collapsing
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
Thomas Park's avatar
Thomas Park committed
257

Thomas Park's avatar
Thomas Park committed
258
259
260
261
262
263

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

// Basics of a navbar
@navbar-height:                    50px;
Thomas Park's avatar
Thomas Park committed
264
265
@navbar-margin-bottom:             @line-height-computed;
@navbar-border-radius:             @border-radius-base;
Thomas Park's avatar
Thomas Park committed
266
@navbar-padding-horizontal:        floor(@grid-gutter-width / 2);
Thomas Park's avatar
Thomas Park committed
267
268
@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);

Thomas Park's avatar
Thomas Park committed
269
270
271
272
@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
273
// Navbar links
Thomas Park's avatar
Thomas Park committed
274
275
276
277
278
279
280
@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
281
282

// Navbar brand label
Thomas Park's avatar
Thomas Park committed
283
284
285
@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
286
287

// Navbar toggle
Thomas Park's avatar
Thomas Park committed
288
289
290
@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
291
292
293
294
295
296
297


// Inverted navbar
//
// Reset inverted navbar basics
@navbar-inverse-color:                      #fff;
@navbar-inverse-bg:                         @brand-primary;
Thomas Park's avatar
Thomas Park committed
298
@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
Thomas Park's avatar
Thomas Park committed
299
300
301
302
303
304
305
306
307
308
309
310
311

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

// Inverted navbar toggle
Thomas Park's avatar
Thomas Park committed
315
@navbar-inverse-toggle-hover-bg:            @navbar-inverse-link-hover-bg;
Thomas Park's avatar
Thomas Park committed
316
@navbar-inverse-toggle-icon-bar-bg:         #fff;
Thomas Park's avatar
Thomas Park committed
317
@navbar-inverse-toggle-border-color:        transparent;
Thomas Park's avatar
Thomas Park committed
318
319
320
321
322


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

Thomas Park's avatar
Thomas Park committed
323
@nav-link-padding:                          10px 15px;
Thomas Park's avatar
Thomas Park committed
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
@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;

// 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
344
@nav-pills-border-radius:                   @border-radius-base;
Thomas Park's avatar
Thomas Park committed
345
@nav-pills-active-link-hover-bg:            @component-active-bg;
Thomas Park's avatar
Thomas Park committed
346
@nav-pills-active-link-hover-color:         @component-active-color;
Thomas Park's avatar
Thomas Park committed
347
348
349
350
351
352
353


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

@pagination-bg:                        #fff;
@pagination-border:                    #ddd;
Thomas Park's avatar
Thomas Park committed
354
355
356

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

Thomas Park's avatar
Thomas Park committed
357
358
@pagination-active-bg:                 #f5f5f5;
@pagination-active-color:              @gray-light;
Thomas Park's avatar
Thomas Park committed
359

Thomas Park's avatar
Thomas Park committed
360
361
@pagination-disabled-color:            @gray-light;

Thomas Park's avatar
Thomas Park committed
362

Thomas Park's avatar
Thomas Park committed
363
364
365
366
367
368
369
370
371
372
// Pager
// -------------------------

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


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

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


// 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
391
392
393
394
395
396
397
398
@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
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
424
425
426
427
428

// 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
429
430
431

@label-default-bg:            @btn-default-bg;
@label-primary-bg:            @brand-primary;
Thomas Park's avatar
Thomas Park committed
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
@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
459
460
461
462
@alert-padding:               15px;
@alert-border-radius:         @border-radius-base;
@alert-link-font-weight:      bold;

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

// 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
499
@list-group-active-color:     @component-active-color;
Thomas Park's avatar
Thomas Park committed
500
501
502
503
504
505
506
507
508
509
@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
510
@panel-inner-border:          #ddd;
Thomas Park's avatar
Thomas Park committed
511
512
513
@panel-border-radius:         @border-radius-base;
@panel-footer-bg:             #f5f5f5;

Thomas Park's avatar
Thomas Park committed
514
515
516
517
@panel-default-text:          @gray-dark;
@panel-default-border:        #ddd;
@panel-default-heading-bg:    #f5f5f5;

Thomas Park's avatar
Thomas Park committed
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
@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
541
@thumbnail-padding:           4px;
Thomas Park's avatar
Thomas Park committed
542
543
544
545
@thumbnail-bg:                @body-bg;
@thumbnail-border:            #ddd;
@thumbnail-border-radius:     @border-radius-base;

Thomas Park's avatar
Thomas Park committed
546
547
548
@thumbnail-caption-color:     @text-color;
@thumbnail-caption-padding:   9px;

Thomas Park's avatar
Thomas Park committed
549
550
551
552
553
554
555
556
557
558
559

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


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

Thomas Park's avatar
Thomas Park committed
561
562
563
@badge-active-color:          @link-color;
@badge-active-bg:             #fff;

Thomas Park's avatar
Thomas Park committed
564
565
566
567
@badge-font-weight:           bold;
@badge-line-height:           1;
@badge-border-radius:         10px;

Thomas Park's avatar
Thomas Park committed
568
569
570
571
572
573

// Breadcrumbs
// -------------------------
@breadcrumb-bg:               #f5f5f5;
@breadcrumb-color:            #ccc;
@breadcrumb-active-color:     @gray-light;
Thomas Park's avatar
Thomas Park committed
574
@breadcrumb-separator:        "/";
Thomas Park's avatar
Thomas Park committed
575
576
577
578


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

Thomas Park's avatar
Thomas Park committed
580
581
582
@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);

@carousel-control-color:                      #fff;
Thomas Park's avatar
Thomas Park committed
583
584
585
@carousel-control-width:                      15%;
@carousel-control-opacity:                    .5;
@carousel-control-font-size:                  20px;
Thomas Park's avatar
Thomas Park committed
586
587

@carousel-indicator-active-bg:                #fff;
Thomas Park's avatar
Thomas Park committed
588
@carousel-indicator-border-color:             #fff;
Thomas Park's avatar
Thomas Park committed
589
590
591
592
593
594

@carousel-caption-color:                      #fff;


// Close
// ------------------------
Thomas Park's avatar
Thomas Park committed
595
@close-font-weight:           bold;
Thomas Park's avatar
Thomas Park committed
596
@close-color:                 #000;
Thomas Park's avatar
Thomas Park committed
597
598
599
600
601
602
603
604
605
@close-text-shadow:           0 1px 0 #fff;


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

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

// 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
633
634
@container-tablet:             ((720px + @grid-gutter-width));
@container-sm:                 @container-tablet;
Thomas Park's avatar
Thomas Park committed
635
636

// Medium screen / desktop
Thomas Park's avatar
Thomas Park committed
637
638
@container-desktop:            ((940px + @grid-gutter-width));
@container-md:                 @container-desktop;
Thomas Park's avatar
Thomas Park committed
639
640

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