]>
Commit | Line | Data |
---|---|---|
7b869721 S |
1 | // Cosmo 3.0.3 |
2 | // Variables | |
3 | // -------------------------------------------------- | |
4 | ||
5 | ||
6 | // Global values | |
7 | // -------------------------------------------------- | |
8 | ||
9 | // Grays | |
10 | // ------------------------- | |
11 | ||
12 | @gray-darker: lighten(#000, 13.5%); // #222 | |
13 | @gray-dark: lighten(#000, 20%); // #333 | |
14 | @gray: lighten(#000, 33.5%); // #555 | |
15 | @gray-light: lighten(#000, 60%); // #999 | |
16 | @gray-lighter: lighten(#000, 90%); | |
17 | ||
18 | // Brand colors | |
19 | // ------------------------- | |
20 | ||
21 | @brand-primary: #007FFF; | |
22 | @brand-success: #3FB618; | |
23 | @brand-warning: #FF7518; | |
24 | @brand-danger: #FF0039; | |
25 | @brand-info: #9954BB; | |
26 | ||
27 | // Scaffolding | |
28 | // ------------------------- | |
29 | ||
30 | @body-bg: #fff; | |
31 | @text-color: @gray-dark; | |
32 | ||
33 | // Links | |
34 | // ------------------------- | |
35 | ||
36 | @link-color: @brand-primary; | |
37 | @link-hover-color: darken(@link-color, 15%); | |
38 | ||
39 | // Typography | |
40 | // ------------------------- | |
41 | ||
42 | @font-family-sans-serif: "Open Sans", Calibri, Candara, Arial, sans-serif; | |
43 | @font-family-serif: Georgia, "Times New Roman", Times, serif; | |
44 | @font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace; | |
45 | @font-family-base: @font-family-sans-serif; | |
46 | ||
47 | @font-size-base: 15px; | |
48 | @font-size-large: ceil(@font-size-base * 1.25); // ~18px | |
49 | @font-size-small: ceil(@font-size-base * 0.85); // ~12px | |
50 | ||
51 | @font-size-h1: floor(@font-size-base * 2.6); // ~36px | |
52 | @font-size-h2: floor(@font-size-base * 2.15); // ~30px | |
53 | @font-size-h3: ceil(@font-size-base * 1.7); // ~24px | |
54 | @font-size-h4: ceil(@font-size-base * 1.25); // ~18px | |
55 | @font-size-h5: @font-size-base; | |
56 | @font-size-h6: ceil(@font-size-base * 0.85); // ~12px | |
57 | ||
58 | @line-height-base: 1.428571429; // 20/14 | |
59 | @line-height-computed: floor(@font-size-base * @line-height-base); // ~20px | |
60 | ||
61 | @headings-font-family: @font-family-base; | |
62 | @headings-font-weight: 300; | |
63 | @headings-line-height: 1.1; | |
64 | @headings-color: inherit; | |
65 | ||
66 | ||
67 | // Iconography | |
68 | // ------------------------- | |
69 | ||
70 | @icon-font-path: "../fonts/"; | |
71 | @icon-font-name: "glyphicons-halflings-regular"; | |
72 | ||
73 | ||
74 | // Components | |
75 | // ------------------------- | |
76 | // Based on 14px font-size and 1.428 line-height (~20px to start) | |
77 | ||
78 | @padding-base-vertical: 10px; | |
79 | @padding-base-horizontal: 18px; | |
80 | ||
81 | @padding-large-vertical: 18px; | |
82 | @padding-large-horizontal: 30px; | |
83 | ||
84 | @padding-small-vertical: 5px; | |
85 | @padding-small-horizontal: 10px; | |
86 | ||
87 | @padding-xs-vertical: 1px; | |
88 | @padding-xs-horizontal: 5px; | |
89 | ||
90 | @line-height-large: 1.33; | |
91 | @line-height-small: 1.5; | |
92 | ||
93 | @border-radius-base: 0; | |
94 | @border-radius-large: 0; | |
95 | @border-radius-small: 0; | |
96 | ||
97 | @component-active-color: #fff; | |
98 | @component-active-bg: @brand-primary; | |
99 | ||
100 | @caret-width-base: 4px; | |
101 | @caret-width-large: 5px; | |
102 | ||
103 | // Tables | |
104 | // ------------------------- | |
105 | ||
106 | @table-cell-padding: 8px; | |
107 | @table-condensed-cell-padding: 5px; | |
108 | ||
109 | @table-bg: transparent; // overall background-color | |
110 | @table-bg-accent: #f9f9f9; // for striping | |
111 | @table-bg-hover: #f5f5f5; | |
112 | @table-bg-active: @table-bg-hover; | |
113 | ||
114 | @table-border-color: #ddd; // table and cell border | |
115 | ||
116 | ||
117 | // Buttons | |
118 | // ------------------------- | |
119 | ||
120 | @btn-font-weight: normal; | |
121 | ||
122 | @btn-default-color: #fff; | |
123 | @btn-default-bg: @gray-darker; | |
124 | @btn-default-border: @btn-default-bg; | |
125 | ||
126 | @btn-primary-color: @btn-default-color; | |
127 | @btn-primary-bg: @brand-primary; | |
128 | @btn-primary-border: @btn-primary-bg; | |
129 | ||
130 | @btn-success-color: @btn-default-color; | |
131 | @btn-success-bg: @brand-success; | |
132 | @btn-success-border: @btn-success-bg; | |
133 | ||
134 | @btn-warning-color: @btn-default-color; | |
135 | @btn-warning-bg: @brand-warning; | |
136 | @btn-warning-border: @btn-warning-bg; | |
137 | ||
138 | @btn-danger-color: @btn-default-color; | |
139 | @btn-danger-bg: @brand-danger; | |
140 | @btn-danger-border: @btn-danger-bg; | |
141 | ||
142 | @btn-info-color: @btn-default-color; | |
143 | @btn-info-bg: @brand-info; | |
144 | @btn-info-border: @btn-info-bg; | |
145 | ||
146 | @btn-link-disabled-color: @gray-light; | |
147 | ||
148 | ||
149 | // Forms | |
150 | // ------------------------- | |
151 | ||
152 | @input-bg: #fff; | |
153 | @input-bg-disabled: @gray-lighter; | |
154 | ||
155 | @input-color: @text-color; | |
156 | @input-border: #ccc; | |
157 | @input-border-radius: @border-radius-base; | |
158 | @input-border-focus: #66afe9; | |
159 | ||
160 | @input-color-placeholder: @gray-light; | |
161 | ||
162 | @input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2); | |
163 | @input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2); | |
164 | @input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2); | |
165 | ||
166 | @legend-color: @text-color; | |
167 | @legend-border-color: #e5e5e5; | |
168 | ||
169 | @input-group-addon-bg: @gray-lighter; | |
170 | @input-group-addon-border-color: @input-border; | |
171 | ||
172 | ||
173 | // Dropdowns | |
174 | // ------------------------- | |
175 | ||
176 | @dropdown-bg: #fff; | |
177 | @dropdown-border: rgba(0,0,0,.15); | |
178 | @dropdown-fallback-border: #ccc; | |
179 | @dropdown-divider-bg: #e5e5e5; | |
180 | ||
181 | @dropdown-link-color: @gray-dark; | |
182 | @dropdown-link-hover-color: #fff; | |
183 | @dropdown-link-hover-bg: @dropdown-link-active-bg; | |
184 | ||
185 | @dropdown-link-active-color: #fff; | |
186 | @dropdown-link-active-bg: @component-active-bg; | |
187 | ||
188 | @dropdown-link-disabled-color: @text-muted; | |
189 | ||
190 | @dropdown-header-color: @text-muted; | |
191 | ||
192 | ||
193 | // COMPONENT VARIABLES | |
194 | // -------------------------------------------------- | |
195 | ||
196 | ||
197 | // Z-index master list | |
198 | // ------------------------- | |
199 | // Used for a bird's eye view of components dependent on the z-axis | |
200 | // Try to avoid customizing these :) | |
201 | ||
202 | @zindex-navbar: 1000; | |
203 | @zindex-dropdown: 1000; | |
204 | @zindex-popover: 1010; | |
205 | @zindex-tooltip: 1030; | |
206 | @zindex-navbar-fixed: 1030; | |
207 | @zindex-modal-background: 1040; | |
208 | @zindex-modal: 1050; | |
209 | ||
210 | // Media queries breakpoints | |
211 | // -------------------------------------------------- | |
212 | ||
213 | // Extra small screen / phone | |
214 | // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 | |
215 | @screen-xs: 480px; | |
216 | @screen-xs-min: @screen-xs; | |
217 | @screen-phone: @screen-xs-min; | |
218 | ||
219 | // Small screen / tablet | |
220 | // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 | |
221 | @screen-sm: 768px; | |
222 | @screen-sm-min: @screen-sm; | |
223 | @screen-tablet: @screen-sm-min; | |
224 | ||
225 | // Medium screen / desktop | |
226 | // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 | |
227 | @screen-md: 992px; | |
228 | @screen-md-min: @screen-md; | |
229 | @screen-desktop: @screen-md-min; | |
230 | ||
231 | // Large screen / wide desktop | |
232 | // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 | |
233 | @screen-lg: 1200px; | |
234 | @screen-lg-min: @screen-lg; | |
235 | @screen-lg-desktop: @screen-lg-min; | |
236 | ||
237 | // So media queries don't overlap when required, provide a maximum | |
238 | @screen-xs-max: (@screen-sm-min - 1); | |
239 | @screen-sm-max: (@screen-md-min - 1); | |
240 | @screen-md-max: (@screen-lg-min - 1); | |
241 | ||
242 | ||
243 | // Grid system | |
244 | // -------------------------------------------------- | |
245 | ||
246 | // Number of columns in the grid system | |
247 | @grid-columns: 12; | |
248 | // Padding, to be divided by two and applied to the left and right of all columns | |
249 | @grid-gutter-width: 30px; | |
250 | ||
251 | // Navbar collapse | |
252 | ||
253 | // Point at which the navbar becomes uncollapsed | |
254 | @grid-float-breakpoint: @screen-sm-min; | |
255 | // Point at which the navbar begins collapsing | |
256 | @grid-float-breakpoint-max: (@grid-float-breakpoint - 1); | |
257 | ||
258 | ||
259 | // Navbar | |
260 | // ------------------------- | |
261 | ||
262 | // Basics of a navbar | |
263 | @navbar-height: 50px; | |
264 | @navbar-margin-bottom: @line-height-computed; | |
265 | @navbar-border-radius: @border-radius-base; | |
266 | @navbar-padding-horizontal: floor(@grid-gutter-width / 2); | |
267 | @navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2); | |
268 | ||
269 | @navbar-default-color: #fff; | |
270 | @navbar-default-bg: @gray-darker; | |
271 | @navbar-default-border: darken(@navbar-default-bg, 6.5%); | |
272 | ||
273 | // Navbar links | |
274 | @navbar-default-link-color: #fff; | |
275 | @navbar-default-link-hover-color: #fff; | |
276 | @navbar-default-link-hover-bg: darken(@navbar-default-bg, 10%); | |
277 | @navbar-default-link-active-color: @navbar-default-link-hover-color; | |
278 | @navbar-default-link-active-bg: @navbar-default-link-hover-bg; | |
279 | @navbar-default-link-disabled-color: #ccc; | |
280 | @navbar-default-link-disabled-bg: transparent; | |
281 | ||
282 | // Navbar brand label | |
283 | @navbar-default-brand-color: @navbar-default-link-color; | |
284 | @navbar-default-brand-hover-color: #fff; | |
285 | @navbar-default-brand-hover-bg: none; | |
286 | ||
287 | // Navbar toggle | |
288 | @navbar-default-toggle-hover-bg: @navbar-default-link-hover-bg; | |
289 | @navbar-default-toggle-icon-bar-bg: #fff; | |
290 | @navbar-default-toggle-border-color: transparent; | |
291 | ||
292 | ||
293 | // Inverted navbar | |
294 | // | |
295 | // Reset inverted navbar basics | |
296 | @navbar-inverse-color: #fff; | |
297 | @navbar-inverse-bg: @brand-primary; | |
298 | @navbar-inverse-border: darken(@navbar-inverse-bg, 10%); | |
299 | ||
300 | // Inverted navbar links | |
301 | @navbar-inverse-link-color: #fff; | |
302 | @navbar-inverse-link-hover-color: #fff; | |
303 | @navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 10%); | |
304 | @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; | |
305 | @navbar-inverse-link-active-bg: @navbar-inverse-link-hover-bg; | |
306 | @navbar-inverse-link-disabled-color: #fff; | |
307 | @navbar-inverse-link-disabled-bg: transparent; | |
308 | ||
309 | // Inverted navbar brand label | |
310 | @navbar-inverse-brand-color: @navbar-inverse-link-color; | |
311 | @navbar-inverse-brand-hover-color: #fff; | |
312 | @navbar-inverse-brand-hover-bg: none; | |
313 | ||
314 | // Inverted navbar toggle | |
315 | @navbar-inverse-toggle-hover-bg: @navbar-inverse-link-hover-bg; | |
316 | @navbar-inverse-toggle-icon-bar-bg: #fff; | |
317 | @navbar-inverse-toggle-border-color: transparent; | |
318 | ||
319 | ||
320 | // Navs | |
321 | // ------------------------- | |
322 | ||
323 | @nav-link-padding: 10px 15px; | |
324 | @nav-link-hover-bg: @gray-lighter; | |
325 | ||
326 | @nav-disabled-link-color: @gray-light; | |
327 | @nav-disabled-link-hover-color: @gray-light; | |
328 | ||
329 | @nav-open-link-hover-color: #fff; | |
330 | ||
331 | // Tabs | |
332 | @nav-tabs-border-color: #ddd; | |
333 | ||
334 | @nav-tabs-link-hover-border-color: @gray-lighter; | |
335 | ||
336 | @nav-tabs-active-link-hover-bg: @body-bg; | |
337 | @nav-tabs-active-link-hover-color: @gray; | |
338 | @nav-tabs-active-link-hover-border-color: #ddd; | |
339 | ||
340 | @nav-tabs-justified-link-border-color: #ddd; | |
341 | @nav-tabs-justified-active-link-border-color: @body-bg; | |
342 | ||
343 | // Pills | |
344 | @nav-pills-border-radius: @border-radius-base; | |
345 | @nav-pills-active-link-hover-bg: @component-active-bg; | |
346 | @nav-pills-active-link-hover-color: @component-active-color; | |
347 | ||
348 | ||
349 | // Pagination | |
350 | // ------------------------- | |
351 | ||
352 | @pagination-bg: #fff; | |
353 | @pagination-border: #ddd; | |
354 | ||
355 | @pagination-hover-bg: @gray-lighter; | |
356 | ||
357 | @pagination-active-bg: #f5f5f5; | |
358 | @pagination-active-color: @gray-light; | |
359 | ||
360 | @pagination-disabled-color: @gray-light; | |
361 | ||
362 | ||
363 | // Pager | |
364 | // ------------------------- | |
365 | ||
366 | @pager-border-radius: @border-radius-base; | |
367 | @pager-disabled-color: @gray-light; | |
368 | ||
369 | ||
370 | // Jumbotron | |
371 | // ------------------------- | |
372 | ||
373 | @jumbotron-padding: 30px; | |
374 | @jumbotron-color: inherit; | |
375 | @jumbotron-bg: @gray-lighter; | |
376 | @jumbotron-heading-color: inherit; | |
377 | @jumbotron-font-size: ceil(@font-size-base * 1.5); | |
378 | ||
379 | ||
380 | // Form states and alerts | |
381 | // ------------------------- | |
382 | ||
383 | @state-success-text: #fff; | |
384 | @state-success-bg: @brand-success; | |
385 | @state-success-border: darken(spin(@state-success-bg, -10), 5%); | |
386 | ||
387 | @state-info-text: #fff; | |
388 | @state-info-bg: @brand-info; | |
389 | @state-info-border: darken(spin(@state-info-bg, -10), 7%); | |
390 | ||
391 | @state-warning-text: #fff; | |
392 | @state-warning-bg: @brand-warning; | |
393 | @state-warning-border: darken(spin(@state-warning-bg, -10), 3%); | |
394 | ||
395 | @state-danger-text: #fff; | |
396 | @state-danger-bg: @brand-danger; | |
397 | @state-danger-border: darken(spin(@state-danger-bg, -10), 3%); | |
398 | ||
399 | ||
400 | // Tooltips | |
401 | // ------------------------- | |
402 | @tooltip-max-width: 200px; | |
403 | @tooltip-color: #fff; | |
404 | @tooltip-bg: rgba(0,0,0,.9); | |
405 | ||
406 | @tooltip-arrow-width: 5px; | |
407 | @tooltip-arrow-color: @tooltip-bg; | |
408 | ||
409 | ||
410 | // Popovers | |
411 | // ------------------------- | |
412 | @popover-bg: #fff; | |
413 | @popover-max-width: 276px; | |
414 | @popover-border-color: rgba(0,0,0,.2); | |
415 | @popover-fallback-border-color: #ccc; | |
416 | ||
417 | @popover-title-bg: darken(@popover-bg, 3%); | |
418 | ||
419 | @popover-arrow-width: 10px; | |
420 | @popover-arrow-color: #fff; | |
421 | ||
422 | @popover-arrow-outer-width: (@popover-arrow-width + 1); | |
423 | @popover-arrow-outer-color: rgba(0,0,0,.25); | |
424 | @popover-arrow-outer-fallback-color: #999; | |
425 | ||
426 | ||
427 | // Labels | |
428 | // ------------------------- | |
429 | ||
430 | @label-default-bg: @btn-default-bg; | |
431 | @label-primary-bg: @brand-primary; | |
432 | @label-success-bg: @brand-success; | |
433 | @label-info-bg: @brand-info; | |
434 | @label-warning-bg: @brand-warning; | |
435 | @label-danger-bg: @brand-danger; | |
436 | ||
437 | @label-color: #fff; | |
438 | @label-link-hover-color: #fff; | |
439 | ||
440 | ||
441 | // Modals | |
442 | // ------------------------- | |
443 | @modal-inner-padding: 20px; | |
444 | ||
445 | @modal-title-padding: 15px; | |
446 | @modal-title-line-height: @line-height-base; | |
447 | ||
448 | @modal-content-bg: #fff; | |
449 | @modal-content-border-color: rgba(0,0,0,.2); | |
450 | @modal-content-fallback-border-color: #999; | |
451 | ||
452 | @modal-backdrop-bg: #000; | |
453 | @modal-header-border-color: #e5e5e5; | |
454 | @modal-footer-border-color: @modal-header-border-color; | |
455 | ||
456 | ||
457 | // Alerts | |
458 | // ------------------------- | |
459 | @alert-padding: 15px; | |
460 | @alert-border-radius: @border-radius-base; | |
461 | @alert-link-font-weight: bold; | |
462 | ||
463 | @alert-success-bg: @state-success-bg; | |
464 | @alert-success-text: @state-success-text; | |
465 | @alert-success-border: @state-success-border; | |
466 | ||
467 | @alert-info-bg: @state-info-bg; | |
468 | @alert-info-text: @state-info-text; | |
469 | @alert-info-border: @state-info-border; | |
470 | ||
471 | @alert-warning-bg: @state-warning-bg; | |
472 | @alert-warning-text: @state-warning-text; | |
473 | @alert-warning-border: @state-warning-border; | |
474 | ||
475 | @alert-danger-bg: @state-danger-bg; | |
476 | @alert-danger-text: @state-danger-text; | |
477 | @alert-danger-border: @state-danger-border; | |
478 | ||
479 | ||
480 | // Progress bars | |
481 | // ------------------------- | |
482 | @progress-bg: #ccc; | |
483 | @progress-bar-color: #fff; | |
484 | ||
485 | @progress-bar-bg: @brand-primary; | |
486 | @progress-bar-success-bg: @brand-success; | |
487 | @progress-bar-warning-bg: @brand-warning; | |
488 | @progress-bar-danger-bg: @brand-danger; | |
489 | @progress-bar-info-bg: @brand-info; | |
490 | ||
491 | ||
492 | // List group | |
493 | // ------------------------- | |
494 | @list-group-bg: #fff; | |
495 | @list-group-border: #ddd; | |
496 | @list-group-border-radius: @border-radius-base; | |
497 | ||
498 | @list-group-hover-bg: #f5f5f5; | |
499 | @list-group-active-color: @component-active-color; | |
500 | @list-group-active-bg: @component-active-bg; | |
501 | @list-group-active-border: @list-group-active-bg; | |
502 | ||
503 | @list-group-link-color: #555; | |
504 | @list-group-link-heading-color: #333; | |
505 | ||
506 | ||
507 | // Panels | |
508 | // ------------------------- | |
509 | @panel-bg: #fff; | |
510 | @panel-inner-border: #ddd; | |
511 | @panel-border-radius: @border-radius-base; | |
512 | @panel-footer-bg: #f5f5f5; | |
513 | ||
514 | @panel-default-text: @gray-dark; | |
515 | @panel-default-border: #ddd; | |
516 | @panel-default-heading-bg: #f5f5f5; | |
517 | ||
518 | @panel-primary-text: #fff; | |
519 | @panel-primary-border: @brand-primary; | |
520 | @panel-primary-heading-bg: @brand-primary; | |
521 | ||
522 | @panel-success-text: @state-success-text; | |
523 | @panel-success-border: @state-success-border; | |
524 | @panel-success-heading-bg: @state-success-bg; | |
525 | ||
526 | @panel-warning-text: @state-warning-text; | |
527 | @panel-warning-border: @state-warning-border; | |
528 | @panel-warning-heading-bg: @state-warning-bg; | |
529 | ||
530 | @panel-danger-text: @state-danger-text; | |
531 | @panel-danger-border: @state-danger-border; | |
532 | @panel-danger-heading-bg: @state-danger-bg; | |
533 | ||
534 | @panel-info-text: @state-info-text; | |
535 | @panel-info-border: @state-info-border; | |
536 | @panel-info-heading-bg: @state-info-bg; | |
537 | ||
538 | ||
539 | // Thumbnails | |
540 | // ------------------------- | |
541 | @thumbnail-padding: 4px; | |
542 | @thumbnail-bg: @body-bg; | |
543 | @thumbnail-border: #ddd; | |
544 | @thumbnail-border-radius: @border-radius-base; | |
545 | ||
546 | @thumbnail-caption-color: @text-color; | |
547 | @thumbnail-caption-padding: 9px; | |
548 | ||
549 | ||
550 | // Wells | |
551 | // ------------------------- | |
552 | @well-bg: #f5f5f5; | |
553 | ||
554 | ||
555 | // Badges | |
556 | // ------------------------- | |
557 | @badge-color: #fff; | |
558 | @badge-link-hover-color: #fff; | |
559 | @badge-bg: @gray-light; | |
560 | ||
561 | @badge-active-color: @link-color; | |
562 | @badge-active-bg: #fff; | |
563 | ||
564 | @badge-font-weight: bold; | |
565 | @badge-line-height: 1; | |
566 | @badge-border-radius: 10px; | |
567 | ||
568 | ||
569 | // Breadcrumbs | |
570 | // ------------------------- | |
571 | @breadcrumb-bg: #f5f5f5; | |
572 | @breadcrumb-color: #ccc; | |
573 | @breadcrumb-active-color: @gray-light; | |
574 | @breadcrumb-separator: "/"; | |
575 | ||
576 | ||
577 | // Carousel | |
578 | // ------------------------ | |
579 | ||
580 | @carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6); | |
581 | ||
582 | @carousel-control-color: #fff; | |
583 | @carousel-control-width: 15%; | |
584 | @carousel-control-opacity: .5; | |
585 | @carousel-control-font-size: 20px; | |
586 | ||
587 | @carousel-indicator-active-bg: #fff; | |
588 | @carousel-indicator-border-color: #fff; | |
589 | ||
590 | @carousel-caption-color: #fff; | |
591 | ||
592 | ||
593 | // Close | |
594 | // ------------------------ | |
595 | @close-font-weight: bold; | |
596 | @close-color: #000; | |
597 | @close-text-shadow: 0 1px 0 #fff; | |
598 | ||
599 | ||
600 | // Code | |
601 | // ------------------------ | |
602 | @code-color: #c7254e; | |
603 | @code-bg: #f9f2f4; | |
604 | ||
605 | @pre-bg: #f5f5f5; | |
606 | @pre-color: @gray-dark; | |
607 | @pre-border-color: #ccc; | |
608 | @pre-scrollable-max-height: 340px; | |
609 | ||
610 | // Type | |
611 | // ------------------------ | |
612 | @text-muted: @gray-light; | |
613 | @abbr-border-color: @gray-light; | |
614 | @headings-small-color: @gray-light; | |
615 | @blockquote-small-color: @gray-light; | |
616 | @blockquote-border-color: @gray-lighter; | |
617 | @page-header-border-color: @gray-lighter; | |
618 | ||
619 | // Miscellaneous | |
620 | // ------------------------- | |
621 | ||
622 | // Hr border color | |
623 | @hr-border: @gray-lighter; | |
624 | ||
625 | // Horizontal forms & lists | |
626 | @component-offset-horizontal: 180px; | |
627 | ||
628 | ||
629 | // Container sizes | |
630 | // -------------------------------------------------- | |
631 | ||
632 | // Small screen / tablet | |
633 | @container-tablet: ((720px + @grid-gutter-width)); | |
634 | @container-sm: @container-tablet; | |
635 | ||
636 | // Medium screen / desktop | |
637 | @container-desktop: ((940px + @grid-gutter-width)); | |
638 | @container-md: @container-desktop; | |
639 | ||
640 | // Large screen / wide desktop | |
641 | @container-large-desktop: ((1140px + @grid-gutter-width)); | |
642 | @container-lg: @container-large-desktop; |