|
1 | | -// Cyborg 3.1.1 |
| 1 | +// Cyborg 3.2.0 |
2 | 2 | // Variables |
3 | 3 | // -------------------------------------------------- |
4 | 4 |
|
|
22 | 22 |
|
23 | 23 | //== Scaffolding |
24 | 24 | // |
25 | | -// ## Settings for some of the most global styles. |
| 25 | +//## Settings for some of the most global styles. |
26 | 26 |
|
27 | 27 | //** Background color for `<body>`. |
28 | 28 | @body-bg: #060606; |
|
68 | 68 | @headings-color: #fff; |
69 | 69 |
|
70 | 70 |
|
71 | | -//-- Iconography |
| 71 | +//== Iconography |
72 | 72 | // |
73 | | -//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower. |
| 73 | +//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower. |
74 | 74 |
|
| 75 | +//** Load fonts from this directory. |
75 | 76 | @icon-font-path: "../fonts/"; |
| 77 | +//** File name for all font files. |
76 | 78 | @icon-font-name: "glyphicons-halflings-regular"; |
| 79 | +//** Element ID within SVG icon file. |
77 | 80 | @icon-font-svg-id: "glyphicons_halflingsregular"; |
78 | 81 |
|
| 82 | + |
79 | 83 | //== Components |
80 | 84 | // |
81 | 85 | //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). |
|
232 | 236 | //** Text color for headers within dropdown menus. |
233 | 237 | @dropdown-header-color: @text-muted; |
234 | 238 |
|
235 | | -// Note: Deprecated @dropdown-caret-color as of v3.1.0 |
| 239 | +//** Deprecated `@dropdown-caret-color` as of v3.1.0 |
236 | 240 | @dropdown-caret-color: #000; |
237 | 241 |
|
238 | 242 |
|
|
245 | 249 |
|
246 | 250 | @zindex-navbar: 1000; |
247 | 251 | @zindex-dropdown: 1000; |
248 | | -@zindex-popover: 1010; |
249 | | -@zindex-tooltip: 1030; |
| 252 | +@zindex-popover: 1060; |
| 253 | +@zindex-tooltip: 1070; |
250 | 254 | @zindex-navbar-fixed: 1030; |
251 | 255 | @zindex-modal-background: 1040; |
252 | 256 | @zindex-modal: 1050; |
|
257 | 261 | //## Define the breakpoints at which your layout will change, adapting to different screen sizes. |
258 | 262 |
|
259 | 263 | // Extra small screen / phone |
260 | | -// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1 |
| 264 | +//** Deprecated `@screen-xs` as of v3.0.1 |
261 | 265 | @screen-xs: 480px; |
| 266 | +//** Deprecated `@screen-xs-min` as of v3.2.0 |
262 | 267 | @screen-xs-min: @screen-xs; |
| 268 | +//** Deprecated `@screen-phone` as of v3.0.1 |
263 | 269 | @screen-phone: @screen-xs-min; |
264 | 270 |
|
265 | 271 | // Small screen / tablet |
266 | | -// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1 |
| 272 | +//** Deprecated `@screen-sm` as of v3.0.1 |
267 | 273 | @screen-sm: 768px; |
268 | 274 | @screen-sm-min: @screen-sm; |
| 275 | +//** Deprecated `@screen-tablet` as of v3.0.1 |
269 | 276 | @screen-tablet: @screen-sm-min; |
270 | 277 |
|
271 | 278 | // Medium screen / desktop |
272 | | -// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1 |
| 279 | +//** Deprecated `@screen-md` as of v3.0.1 |
273 | 280 | @screen-md: 992px; |
274 | 281 | @screen-md-min: @screen-md; |
| 282 | +//** Deprecated `@screen-desktop` as of v3.0.1 |
275 | 283 | @screen-desktop: @screen-md-min; |
276 | 284 |
|
277 | 285 | // Large screen / wide desktop |
278 | | -// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1 |
| 286 | +//** Deprecated `@screen-lg` as of v3.0.1 |
279 | 287 | @screen-lg: 1200px; |
280 | 288 | @screen-lg-min: @screen-lg; |
| 289 | +//** Deprecated `@screen-lg-desktop` as of v3.0.1 |
281 | 290 | @screen-lg-desktop: @screen-lg-min; |
282 | 291 |
|
283 | 292 | // So media queries don't overlap when required, provide a maximum |
|
643 | 652 | //** List group border radius |
644 | 653 | @list-group-border-radius: @border-radius-base; |
645 | 654 |
|
646 | | -//** Background color of single list elements on hover |
| 655 | +//** Background color of single list items on hover |
647 | 656 | @list-group-hover-bg: lighten(@list-group-bg, 15%); |
648 | | -//** Text color of active list elements |
| 657 | +//** Text color of active list items |
649 | 658 | @list-group-active-color: @component-active-color; |
650 | | -//** Background color of active list elements |
| 659 | +//** Background color of active list items |
651 | 660 | @list-group-active-bg: @component-active-bg; |
652 | 661 | //** Border color of active list elements |
653 | 662 | @list-group-active-border: @list-group-active-bg; |
| 663 | +//** Text color for content within active list items |
654 | 664 | @list-group-active-text-color: lighten(@list-group-active-bg, 40%); |
655 | 665 |
|
| 666 | +//** Text color of disabled list items |
| 667 | +@list-group-disabled-color: @gray-light; |
| 668 | +//** Background color of disabled list items |
| 669 | +@list-group-disabled-bg: @gray-lighter; |
| 670 | +//** Text color for content within disabled list items |
| 671 | +@list-group-disabled-text-color: @list-group-disabled-color; |
| 672 | + |
656 | 673 | @list-group-link-color: @text-color; |
| 674 | +@list-group-link-hover-color: @list-group-link-color; |
657 | 675 | @list-group-link-heading-color: #fff; |
658 | 676 |
|
659 | 677 |
|
|
663 | 681 |
|
664 | 682 | @panel-bg: @gray-darker; |
665 | 683 | @panel-body-padding: 15px; |
| 684 | +@panel-heading-padding: 10px 15px; |
| 685 | +@panel-footer-padding: @panel-heading-padding; |
666 | 686 | @panel-border-radius: @border-radius-base; |
667 | 687 |
|
668 | 688 | //** Border color for elements within panels |
|
701 | 721 | //** Padding around the thumbnail image |
702 | 722 | @thumbnail-padding: 4px; |
703 | 723 | //** Thumbnail background color |
704 | | -@thumbnail-bg: @body-bg; |
| 724 | +@thumbnail-bg: @gray-dark; |
705 | 725 | //** Thumbnail border color |
706 | | -@thumbnail-border: #ddd; |
| 726 | +@thumbnail-border: @gray-dark; |
707 | 727 | //** Thumbnail border radius |
708 | 728 | @thumbnail-border-radius: @border-radius-base; |
709 | 729 |
|
|
802 | 822 | // |
803 | 823 | //## |
804 | 824 |
|
| 825 | +//** Horizontal offset for forms and lists. |
| 826 | +@component-offset-horizontal: 180px; |
805 | 827 | //** Text muted color |
806 | 828 | @text-muted: @gray-light; |
807 | 829 | //** Abbreviations and acronyms border color |
|
816 | 838 | @blockquote-border-color: @gray-dark; |
817 | 839 | //** Page header border color |
818 | 840 | @page-header-border-color: @gray-dark; |
819 | | - |
820 | | - |
821 | | -//== Miscellaneous |
822 | | -// |
823 | | -//## |
824 | | - |
| 841 | +//** Width of horizontal description list titles |
| 842 | +@dl-horizontal-offset: @component-offset-horizontal; |
825 | 843 | //** Horizontal line color. |
826 | 844 | @hr-border: @gray-dark; |
827 | 845 |
|
828 | | -//** Horizontal offset for forms and lists. |
829 | | -@component-offset-horizontal: 180px; |
| 846 | + |
0 commit comments