bootswatch-rails 3.1.1.1 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/HISTORY.md +4 -0
- data/README.md +4 -3
- data/converter +9 -0
- data/lib/bootswatch-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +16 -4
- data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +80 -63
- data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +5 -5
- data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +53 -38
- data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +16 -13
- data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +55 -40
- data/vendor/assets/stylesheets/bootswatch/custom/_variables.scss +7 -7
- data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +18 -11
- data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +64 -49
- data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +6 -1
- data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +68 -53
- data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +15 -9
- data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +66 -49
- data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +4 -3
- data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +53 -37
- data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +27 -10
- data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +164 -147
- data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +15 -11
- data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +66 -50
- data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +64 -48
- data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +22 -9
- data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +179 -168
- data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +3 -3
- data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +59 -43
- data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +25 -12
- data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +182 -169
- data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +1 -1
- data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +53 -38
- data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +9 -4
- data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +64 -47
- metadata +2 -2
@@ -93,7 +93,7 @@ $caret-width-large: 5px;
|
|
93
93
|
$table-cell-padding: 8px;
|
94
94
|
$table-condensed-cell-padding: 5px;
|
95
95
|
|
96
|
-
$table-bg:
|
96
|
+
$table-bg: hsla(0, 100%, 100%, 0); // overall background-color
|
97
97
|
$table-bg-accent: #f9f9f9; // for striping
|
98
98
|
$table-bg-hover: #f5f5f5;
|
99
99
|
$table-bg-active: $table-bg-hover;
|
@@ -248,16 +248,16 @@ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2
|
|
248
248
|
// Navbar links
|
249
249
|
$navbar-default-link-color: #777;
|
250
250
|
$navbar-default-link-hover-color: #333;
|
251
|
-
$navbar-default-link-hover-bg:
|
251
|
+
$navbar-default-link-hover-bg: hsla(0, 100%, 100%, 0);
|
252
252
|
$navbar-default-link-active-color: #555;
|
253
253
|
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%);
|
254
254
|
$navbar-default-link-disabled-color: #ccc;
|
255
|
-
$navbar-default-link-disabled-bg:
|
255
|
+
$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0);
|
256
256
|
|
257
257
|
// Navbar brand label
|
258
258
|
$navbar-default-brand-color: $navbar-default-link-color;
|
259
259
|
$navbar-default-brand-hover-color: darken($navbar-default-link-color, 10%);
|
260
|
-
$navbar-default-brand-hover-bg:
|
260
|
+
$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0);
|
261
261
|
|
262
262
|
// Navbar toggle
|
263
263
|
$navbar-default-toggle-hover-bg: #ddd;
|
@@ -275,16 +275,16 @@ $navbar-inverse-border: darken($navbar-inverse-bg, 10%);
|
|
275
275
|
// Inverted navbar links
|
276
276
|
$navbar-inverse-link-color: $gray-light;
|
277
277
|
$navbar-inverse-link-hover-color: #fff;
|
278
|
-
$navbar-inverse-link-hover-bg:
|
278
|
+
$navbar-inverse-link-hover-bg: hsla(0, 100%, 100%, 0);
|
279
279
|
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color;
|
280
280
|
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%);
|
281
281
|
$navbar-inverse-link-disabled-color: #444;
|
282
|
-
$navbar-inverse-link-disabled-bg:
|
282
|
+
$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0);
|
283
283
|
|
284
284
|
// Inverted navbar brand label
|
285
285
|
$navbar-inverse-brand-color: $navbar-inverse-link-color;
|
286
286
|
$navbar-inverse-brand-hover-color: #fff;
|
287
|
-
$navbar-inverse-brand-hover-bg:
|
287
|
+
$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0);
|
288
288
|
|
289
289
|
// Inverted navbar search
|
290
290
|
// Normal navbar needs no special styles or vars
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Cyborg 3.
|
1
|
+
// Cyborg 3.2.0
|
2
2
|
// Bootswatch
|
3
3
|
// -----------------------------------------------------
|
4
4
|
|
@@ -70,7 +70,8 @@ table,
|
|
70
70
|
}
|
71
71
|
|
72
72
|
.form-control,
|
73
|
-
.form-control:focus
|
73
|
+
.form-control:focus,
|
74
|
+
.input-group-addon {
|
74
75
|
border-color: $brand-warning;
|
75
76
|
}
|
76
77
|
}
|
@@ -83,7 +84,8 @@ table,
|
|
83
84
|
}
|
84
85
|
|
85
86
|
.form-control,
|
86
|
-
.form-control:focus
|
87
|
+
.form-control:focus,
|
88
|
+
.input-group-addon {
|
87
89
|
border-color: $brand-danger;
|
88
90
|
}
|
89
91
|
}
|
@@ -96,7 +98,8 @@ table,
|
|
96
98
|
}
|
97
99
|
|
98
100
|
.form-control,
|
99
|
-
.form-control:focus
|
101
|
+
.form-control:focus,
|
102
|
+
.input-group-addon {
|
100
103
|
border-color: $brand-success;
|
101
104
|
}
|
102
105
|
}
|
@@ -132,15 +135,19 @@ legend {
|
|
132
135
|
}
|
133
136
|
|
134
137
|
.close {
|
135
|
-
color: #fff;
|
136
138
|
text-decoration: none;
|
137
|
-
|
139
|
+
}
|
140
|
+
}
|
138
141
|
|
139
|
-
|
140
|
-
|
141
|
-
|
142
|
-
|
143
|
-
|
142
|
+
.close {
|
143
|
+
color: #fff;
|
144
|
+
text-decoration: none;
|
145
|
+
opacity: 0.4;
|
146
|
+
|
147
|
+
&:hover,
|
148
|
+
&:focus {
|
149
|
+
color: #fff;
|
150
|
+
opacity: 1;
|
144
151
|
}
|
145
152
|
}
|
146
153
|
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Cyborg 3.
|
1
|
+
// Cyborg 3.2.0
|
2
2
|
// Variables
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
@@ -22,7 +22,7 @@ $brand-danger: #CC0000 !default;
|
|
22
22
|
|
23
23
|
//== Scaffolding
|
24
24
|
//
|
25
|
-
|
25
|
+
//## Settings for some of the most global styles.
|
26
26
|
|
27
27
|
//** Background color for `<body>`.
|
28
28
|
$body-bg: #060606 !default;
|
@@ -68,10 +68,22 @@ $headings-line-height: 1.1 !default;
|
|
68
68
|
$headings-color: #fff !default;
|
69
69
|
|
70
70
|
|
71
|
+
//== Iconography
|
72
|
+
//
|
73
|
+
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
74
|
+
|
75
|
+
//** Load fonts from this directory.
|
76
|
+
//** File name for all font files.
|
77
|
+
$icon-font-name: "glyphicons-halflings-regular" !default;
|
78
|
+
//** Element ID within SVG icon file.
|
79
|
+
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
80
|
+
|
71
81
|
//== Type
|
72
82
|
//
|
73
83
|
//##
|
74
84
|
|
85
|
+
//** Horizontal offset for forms and lists.
|
86
|
+
$component-offset-horizontal: 180px !default;
|
75
87
|
//** Text muted color
|
76
88
|
$text-muted: $gray-light !default;
|
77
89
|
//** Abbreviations and acronyms border color
|
@@ -86,26 +98,11 @@ $blockquote-font-size: ($font-size-base * 1.25) !default;
|
|
86
98
|
$blockquote-border-color: $gray-dark !default;
|
87
99
|
//** Page header border color
|
88
100
|
$page-header-border-color: $gray-dark !default;
|
89
|
-
|
90
|
-
|
91
|
-
//== Miscellaneous
|
92
|
-
//
|
93
|
-
//##
|
94
|
-
|
101
|
+
//** Width of horizontal description list titles
|
102
|
+
$dl-horizontal-offset: $component-offset-horizontal !default;
|
95
103
|
//** Horizontal line color.
|
96
104
|
$hr-border: $gray-dark !default;
|
97
105
|
|
98
|
-
//** Horizontal offset for forms and lists.
|
99
|
-
$component-offset-horizontal: 180px !default;
|
100
|
-
|
101
|
-
|
102
|
-
//-- Iconography
|
103
|
-
//
|
104
|
-
//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
105
|
-
|
106
|
-
|
107
|
-
$icon-font-name: "glyphicons-halflings-regular" !default;
|
108
|
-
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
109
106
|
|
110
107
|
//== Components
|
111
108
|
//
|
@@ -245,25 +242,25 @@ $dropdown-fallback-border: #444 !default;
|
|
245
242
|
//** Divider color for between dropdown items.
|
246
243
|
$dropdown-divider-bg: rgba(255,255,255,0.1) !default;
|
247
244
|
|
248
|
-
//** Active dropdown menu item text color.
|
249
|
-
$dropdown-link-active-color: #fff !default;
|
250
|
-
//** Active dropdown menu item background color.
|
251
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
252
|
-
|
253
245
|
//** Dropdown link text color.
|
254
246
|
$dropdown-link-color: #fff !default;
|
255
247
|
//** Hover color for dropdown links.
|
256
248
|
$dropdown-link-hover-color: #fff !default;
|
249
|
+
//** Active dropdown menu item background color.
|
250
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
257
251
|
//** Hover background for dropdown links.
|
258
252
|
$dropdown-link-hover-bg: $dropdown-link-active-bg !default;
|
259
253
|
|
254
|
+
//** Active dropdown menu item text color.
|
255
|
+
$dropdown-link-active-color: #fff !default;
|
256
|
+
|
260
257
|
//** Disabled dropdown menu item background color.
|
261
258
|
$dropdown-link-disabled-color: $text-muted !default;
|
262
259
|
|
263
260
|
//** Text color for headers within dropdown menus.
|
264
261
|
$dropdown-header-color: $text-muted !default;
|
265
262
|
|
266
|
-
|
263
|
+
//** Deprecated `@dropdown-caret-color` as of v3.1.0
|
267
264
|
$dropdown-caret-color: #000 !default;
|
268
265
|
|
269
266
|
|
@@ -276,8 +273,8 @@ $dropdown-caret-color: #000 !default;
|
|
276
273
|
|
277
274
|
$zindex-navbar: 1000 !default;
|
278
275
|
$zindex-dropdown: 1000 !default;
|
279
|
-
$zindex-popover:
|
280
|
-
$zindex-tooltip:
|
276
|
+
$zindex-popover: 1060 !default;
|
277
|
+
$zindex-tooltip: 1070 !default;
|
281
278
|
$zindex-navbar-fixed: 1030 !default;
|
282
279
|
$zindex-modal-background: 1040 !default;
|
283
280
|
$zindex-modal: 1050 !default;
|
@@ -288,27 +285,32 @@ $zindex-modal: 1050 !default;
|
|
288
285
|
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
289
286
|
|
290
287
|
// Extra small screen / phone
|
291
|
-
|
288
|
+
//** Deprecated `@screen-xs` as of v3.0.1
|
292
289
|
$screen-xs: 480px !default;
|
290
|
+
//** Deprecated `@screen-xs-min` as of v3.2.0
|
293
291
|
$screen-xs-min: $screen-xs !default;
|
292
|
+
//** Deprecated `@screen-phone` as of v3.0.1
|
294
293
|
$screen-phone: $screen-xs-min !default;
|
295
294
|
|
296
295
|
// Small screen / tablet
|
297
|
-
|
296
|
+
//** Deprecated `@screen-sm` as of v3.0.1
|
298
297
|
$screen-sm: 768px !default;
|
299
298
|
$screen-sm-min: $screen-sm !default;
|
299
|
+
//** Deprecated `@screen-tablet` as of v3.0.1
|
300
300
|
$screen-tablet: $screen-sm-min !default;
|
301
301
|
|
302
302
|
// Medium screen / desktop
|
303
|
-
|
303
|
+
//** Deprecated `@screen-md` as of v3.0.1
|
304
304
|
$screen-md: 992px !default;
|
305
305
|
$screen-md-min: $screen-md !default;
|
306
|
+
//** Deprecated `@screen-desktop` as of v3.0.1
|
306
307
|
$screen-desktop: $screen-md-min !default;
|
307
308
|
|
308
309
|
// Large screen / wide desktop
|
309
|
-
|
310
|
+
//** Deprecated `@screen-lg` as of v3.0.1
|
310
311
|
$screen-lg: 1200px !default;
|
311
312
|
$screen-lg-min: $screen-lg !default;
|
313
|
+
//** Deprecated `@screen-lg-desktop` as of v3.0.1
|
312
314
|
$screen-lg-desktop: $screen-lg-min !default;
|
313
315
|
|
314
316
|
// So media queries don't overlap when required, provide a maximum
|
@@ -371,16 +373,16 @@ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
|
|
371
373
|
// Navbar links
|
372
374
|
$navbar-default-link-color: $text-color !default;
|
373
375
|
$navbar-default-link-hover-color: #fff !default;
|
374
|
-
$navbar-default-link-hover-bg:
|
376
|
+
$navbar-default-link-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
375
377
|
$navbar-default-link-active-color: #fff !default;
|
376
|
-
$navbar-default-link-active-bg:
|
378
|
+
$navbar-default-link-active-bg: hsla(0, 100%, 100%, 0) !default;
|
377
379
|
$navbar-default-link-disabled-color: $gray-light !default;
|
378
|
-
$navbar-default-link-disabled-bg:
|
380
|
+
$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
379
381
|
|
380
382
|
// Navbar brand label
|
381
383
|
$navbar-default-brand-color: #fff !default;
|
382
384
|
$navbar-default-brand-hover-color: #fff !default;
|
383
|
-
$navbar-default-brand-hover-bg:
|
385
|
+
$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
384
386
|
|
385
387
|
// Navbar toggle
|
386
388
|
$navbar-default-toggle-hover-bg: $gray-dark !default;
|
@@ -397,16 +399,16 @@ $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !def
|
|
397
399
|
// Inverted navbar links
|
398
400
|
$navbar-inverse-link-color: $gray-light !default;
|
399
401
|
$navbar-inverse-link-hover-color: #fff !default;
|
400
|
-
$navbar-inverse-link-hover-bg:
|
402
|
+
$navbar-inverse-link-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
401
403
|
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
|
402
|
-
$navbar-inverse-link-active-bg:
|
404
|
+
$navbar-inverse-link-active-bg: hsla(0, 100%, 100%, 0) !default;
|
403
405
|
$navbar-inverse-link-disabled-color: #aaa !default;
|
404
|
-
$navbar-inverse-link-disabled-bg:
|
406
|
+
$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
405
407
|
|
406
408
|
// Inverted navbar brand label
|
407
409
|
$navbar-inverse-brand-color: #fff !default;
|
408
410
|
$navbar-inverse-brand-hover-color: #fff !default;
|
409
|
-
$navbar-inverse-brand-hover-bg:
|
411
|
+
$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
410
412
|
|
411
413
|
// Inverted navbar toggle
|
412
414
|
$navbar-inverse-toggle-hover-bg: #333 !default;
|
@@ -430,7 +432,7 @@ $nav-open-link-hover-color: $gray-darker !default;
|
|
430
432
|
//== Tabs
|
431
433
|
$nav-tabs-border-color: $gray-dark !default;
|
432
434
|
|
433
|
-
$nav-tabs-link-hover-border-color:
|
435
|
+
$nav-tabs-link-hover-border-color: hsla(0, 100%, 100%, 0) !default;
|
434
436
|
|
435
437
|
$nav-tabs-active-link-hover-bg: $brand-primary !default;
|
436
438
|
$nav-tabs-active-link-hover-color: #fff !default;
|
@@ -455,11 +457,11 @@ $pagination-border: $gray-dark !default;
|
|
455
457
|
|
456
458
|
$pagination-hover-color: #fff !default;
|
457
459
|
$pagination-hover-bg: $component-active-bg !default;
|
458
|
-
$pagination-hover-border:
|
460
|
+
$pagination-hover-border: hsla(0, 100%, 100%, 0) !default;
|
459
461
|
|
460
462
|
$pagination-active-color: #fff !default;
|
461
463
|
$pagination-active-bg: $brand-primary !default;
|
462
|
-
$pagination-active-border:
|
464
|
+
$pagination-active-border: hsla(0, 100%, 100%, 0) !default;
|
463
465
|
|
464
466
|
$pagination-disabled-color: $gray-light !default;
|
465
467
|
$pagination-disabled-bg: $gray-darker !default;
|
@@ -674,17 +676,26 @@ $list-group-border: $gray-dark !default;
|
|
674
676
|
//** List group border radius
|
675
677
|
$list-group-border-radius: $border-radius-base !default;
|
676
678
|
|
677
|
-
//** Background color of single list
|
679
|
+
//** Background color of single list items on hover
|
678
680
|
$list-group-hover-bg: lighten($list-group-bg, 15%) !default;
|
679
|
-
//** Text color of active list
|
681
|
+
//** Text color of active list items
|
680
682
|
$list-group-active-color: $component-active-color !default;
|
681
|
-
//** Background color of active list
|
683
|
+
//** Background color of active list items
|
682
684
|
$list-group-active-bg: $component-active-bg !default;
|
683
685
|
//** Border color of active list elements
|
684
686
|
$list-group-active-border: $list-group-active-bg !default;
|
687
|
+
//** Text color for content within active list items
|
685
688
|
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
|
686
689
|
|
690
|
+
//** Text color of disabled list items
|
691
|
+
$list-group-disabled-color: $gray-light !default;
|
692
|
+
//** Background color of disabled list items
|
693
|
+
$list-group-disabled-bg: $gray-lighter !default;
|
694
|
+
//** Text color for content within disabled list items
|
695
|
+
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
696
|
+
|
687
697
|
$list-group-link-color: $text-color !default;
|
698
|
+
$list-group-link-hover-color: $list-group-link-color !default;
|
688
699
|
$list-group-link-heading-color: #fff !default;
|
689
700
|
|
690
701
|
|
@@ -694,16 +705,18 @@ $list-group-link-heading-color: #fff !default;
|
|
694
705
|
|
695
706
|
$panel-bg: $gray-darker !default;
|
696
707
|
$panel-body-padding: 15px !default;
|
708
|
+
$panel-heading-padding: 10px 15px !default;
|
709
|
+
$panel-footer-padding: $panel-heading-padding !default;
|
697
710
|
$panel-border-radius: $border-radius-base !default;
|
698
711
|
|
712
|
+
//** Border color for elements within panels
|
699
713
|
$panel-inner-border: $gray-dark !default;
|
700
|
-
$panel-default-text: $text-color !default;
|
701
|
-
$panel-default-border: $panel-inner-border !default;
|
702
714
|
$panel-default-heading-bg: lighten($gray-darker, 10%) !default;
|
703
|
-
|
704
|
-
//** Border color for elements within panels
|
705
715
|
$panel-footer-bg: $panel-default-heading-bg !default;
|
706
716
|
|
717
|
+
$panel-default-text: $text-color !default;
|
718
|
+
$panel-default-border: $panel-inner-border !default;
|
719
|
+
|
707
720
|
$panel-primary-text: #fff !default;
|
708
721
|
$panel-primary-border: $brand-primary !default;
|
709
722
|
$panel-primary-heading-bg: $brand-primary !default;
|
@@ -827,3 +840,5 @@ $pre-bg: #f5f5f5 !default;
|
|
827
840
|
$pre-color: $gray-dark !default;
|
828
841
|
$pre-border-color: #ccc !default;
|
829
842
|
$pre-scrollable-max-height: 340px !default;
|
843
|
+
|
844
|
+
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Darkly 3.
|
1
|
+
// Darkly 3.2.0
|
2
2
|
// Bootswatch
|
3
3
|
// -----------------------------------------------------
|
4
4
|
|
@@ -9,6 +9,7 @@
|
|
9
9
|
.navbar {
|
10
10
|
border-width: 0;
|
11
11
|
}
|
12
|
+
|
12
13
|
.navbar-default {
|
13
14
|
|
14
15
|
.badge {
|
@@ -244,6 +245,10 @@ textarea {
|
|
244
245
|
color: #fff;
|
245
246
|
text-decoration: underline;
|
246
247
|
}
|
248
|
+
|
249
|
+
.close {
|
250
|
+
text-decoration: none;
|
251
|
+
}
|
247
252
|
}
|
248
253
|
|
249
254
|
// Progress bars ==============================================================
|
@@ -1,4 +1,4 @@
|
|
1
|
-
// Darkly 3.
|
1
|
+
// Darkly 3.2.0
|
2
2
|
// Variables
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
@@ -22,7 +22,7 @@ $brand-danger: #E74C3C !default;
|
|
22
22
|
|
23
23
|
//== Scaffolding
|
24
24
|
//
|
25
|
-
|
25
|
+
//## Settings for some of the most global styles.
|
26
26
|
|
27
27
|
//** Background color for `<body>`.
|
28
28
|
$body-bg: $gray-darker !default;
|
@@ -68,10 +68,23 @@ $headings-line-height: 1.1 !default;
|
|
68
68
|
$headings-color: inherit !default;
|
69
69
|
|
70
70
|
|
71
|
+
//== Iconography
|
72
|
+
//
|
73
|
+
//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
74
|
+
|
75
|
+
//** Load fonts from this directory.
|
76
|
+
//** File name for all font files.
|
77
|
+
$icon-font-name: "glyphicons-halflings-regular" !default;
|
78
|
+
//** Element ID within SVG icon file.
|
79
|
+
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
80
|
+
|
81
|
+
|
71
82
|
//== Type
|
72
83
|
//
|
73
84
|
//##
|
74
85
|
|
86
|
+
//** Horizontal offset for forms and lists.
|
87
|
+
$component-offset-horizontal: 180px !default;
|
75
88
|
//** Text muted color
|
76
89
|
$text-muted: $gray-light !default;
|
77
90
|
//** Abbreviations and acronyms border color
|
@@ -85,28 +98,12 @@ $blockquote-font-size: ($font-size-base * 1.25) !default;
|
|
85
98
|
//** Blockquote border color
|
86
99
|
$blockquote-border-color: $gray !default;
|
87
100
|
//** Page header border color
|
88
|
-
$page-header-border-color:
|
89
|
-
|
90
|
-
|
91
|
-
//== Miscellaneous
|
92
|
-
//
|
93
|
-
//##
|
94
|
-
|
101
|
+
$page-header-border-color: hsla(0, 100%, 100%, 0) !default;
|
102
|
+
//** Width of horizontal description list titles
|
103
|
+
$dl-horizontal-offset: $component-offset-horizontal !default;
|
95
104
|
//** Horizontal line color.
|
96
105
|
$hr-border: $gray !default;
|
97
106
|
|
98
|
-
//** Horizontal offset for forms and lists.
|
99
|
-
$component-offset-horizontal: 180px !default;
|
100
|
-
|
101
|
-
|
102
|
-
//-- Iconography
|
103
|
-
//
|
104
|
-
//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
|
105
|
-
|
106
|
-
|
107
|
-
$icon-font-name: "glyphicons-halflings-regular" !default;
|
108
|
-
$icon-font-svg-id: "glyphicons_halflingsregular" !default;
|
109
|
-
|
110
107
|
//== Components
|
111
108
|
//
|
112
109
|
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
|
@@ -151,7 +148,7 @@ $table-cell-padding: 8px !default;
|
|
151
148
|
$table-condensed-cell-padding: 5px !default;
|
152
149
|
|
153
150
|
//** Default background color used for all tables.
|
154
|
-
$table-bg:
|
151
|
+
$table-bg: hsla(0, 100%, 100%, 0) !default;
|
155
152
|
//** Background color used for `.table-striped`.
|
156
153
|
$table-bg-accent: $gray-dark !default;
|
157
154
|
//** Background color used for `.table-hover`.
|
@@ -224,12 +221,12 @@ $input-height-large: (ceil($font-size-large * $line-height-large) +
|
|
224
221
|
$input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
|
225
222
|
|
226
223
|
$legend-color: $text-color !default;
|
227
|
-
$legend-border-color:
|
224
|
+
$legend-border-color: hsla(0, 100%, 100%, 0) !default;
|
228
225
|
|
229
226
|
//** Background color for textual input addons
|
230
227
|
$input-group-addon-bg: $gray-dark !default;
|
231
228
|
//** Border color for textual input addons
|
232
|
-
$input-group-addon-border-color:
|
229
|
+
$input-group-addon-border-color: hsla(0, 100%, 100%, 0) !default;
|
233
230
|
|
234
231
|
|
235
232
|
//== Dropdowns
|
@@ -245,25 +242,25 @@ $dropdown-fallback-border: #ccc !default;
|
|
245
242
|
//** Divider color for between dropdown items.
|
246
243
|
$dropdown-divider-bg: #e5e5e5 !default;
|
247
244
|
|
248
|
-
//** Active dropdown menu item text color.
|
249
|
-
$dropdown-link-active-color: #fff !default;
|
250
|
-
//** Active dropdown menu item background color.
|
251
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
252
|
-
|
253
245
|
//** Dropdown link text color.
|
254
246
|
$dropdown-link-color: $brand-primary !default;
|
255
247
|
//** Hover color for dropdown links.
|
256
248
|
$dropdown-link-hover-color: #fff !default;
|
249
|
+
//** Active dropdown menu item background color.
|
250
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
257
251
|
//** Hover background for dropdown links.
|
258
252
|
$dropdown-link-hover-bg: $dropdown-link-active-bg !default;
|
259
253
|
|
254
|
+
//** Active dropdown menu item text color.
|
255
|
+
$dropdown-link-active-color: #fff !default;
|
256
|
+
|
260
257
|
//** Disabled dropdown menu item background color.
|
261
258
|
$dropdown-link-disabled-color: $text-muted !default;
|
262
259
|
|
263
260
|
//** Text color for headers within dropdown menus.
|
264
261
|
$dropdown-header-color: $text-muted !default;
|
265
262
|
|
266
|
-
|
263
|
+
//** Deprecated `@dropdown-caret-color` as of v3.1.0
|
267
264
|
$dropdown-caret-color: #000 !default;
|
268
265
|
|
269
266
|
|
@@ -276,8 +273,8 @@ $dropdown-caret-color: #000 !default;
|
|
276
273
|
|
277
274
|
$zindex-navbar: 1000 !default;
|
278
275
|
$zindex-dropdown: 1000 !default;
|
279
|
-
$zindex-popover:
|
280
|
-
$zindex-tooltip:
|
276
|
+
$zindex-popover: 1060 !default;
|
277
|
+
$zindex-tooltip: 1070 !default;
|
281
278
|
$zindex-navbar-fixed: 1030 !default;
|
282
279
|
$zindex-modal-background: 1040 !default;
|
283
280
|
$zindex-modal: 1050 !default;
|
@@ -288,27 +285,32 @@ $zindex-modal: 1050 !default;
|
|
288
285
|
//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
|
289
286
|
|
290
287
|
// Extra small screen / phone
|
291
|
-
|
288
|
+
//** Deprecated `@screen-xs` as of v3.0.1
|
292
289
|
$screen-xs: 480px !default;
|
290
|
+
//** Deprecated `@screen-xs-min` as of v3.2.0
|
293
291
|
$screen-xs-min: $screen-xs !default;
|
292
|
+
//** Deprecated `@screen-phone` as of v3.0.1
|
294
293
|
$screen-phone: $screen-xs-min !default;
|
295
294
|
|
296
295
|
// Small screen / tablet
|
297
|
-
|
296
|
+
//** Deprecated `@screen-sm` as of v3.0.1
|
298
297
|
$screen-sm: 768px !default;
|
299
298
|
$screen-sm-min: $screen-sm !default;
|
299
|
+
//** Deprecated `@screen-tablet` as of v3.0.1
|
300
300
|
$screen-tablet: $screen-sm-min !default;
|
301
301
|
|
302
302
|
// Medium screen / desktop
|
303
|
-
|
303
|
+
//** Deprecated `@screen-md` as of v3.0.1
|
304
304
|
$screen-md: 992px !default;
|
305
305
|
$screen-md-min: $screen-md !default;
|
306
|
+
//** Deprecated `@screen-desktop` as of v3.0.1
|
306
307
|
$screen-desktop: $screen-md-min !default;
|
307
308
|
|
308
309
|
// Large screen / wide desktop
|
309
|
-
|
310
|
+
//** Deprecated `@screen-lg` as of v3.0.1
|
310
311
|
$screen-lg: 1200px !default;
|
311
312
|
$screen-lg-min: $screen-lg !default;
|
313
|
+
//** Deprecated `@screen-lg-desktop` as of v3.0.1
|
312
314
|
$screen-lg-desktop: $screen-lg-min !default;
|
313
315
|
|
314
316
|
// So media queries don't overlap when required, provide a maximum
|
@@ -366,21 +368,21 @@ $navbar-collapse-max-height: 340px !default;
|
|
366
368
|
|
367
369
|
$navbar-default-color: #777 !default;
|
368
370
|
$navbar-default-bg: $brand-primary !default;
|
369
|
-
$navbar-default-border:
|
371
|
+
$navbar-default-border: hsla(0, 100%, 100%, 0) !default;
|
370
372
|
|
371
373
|
// Navbar links
|
372
374
|
$navbar-default-link-color: #fff !default;
|
373
375
|
$navbar-default-link-hover-color: $brand-success !default;
|
374
|
-
$navbar-default-link-hover-bg:
|
376
|
+
$navbar-default-link-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
375
377
|
$navbar-default-link-active-color: #fff !default;
|
376
378
|
$navbar-default-link-active-bg: darken($navbar-default-bg, 10%) !default;
|
377
379
|
$navbar-default-link-disabled-color: #ccc !default;
|
378
|
-
$navbar-default-link-disabled-bg:
|
380
|
+
$navbar-default-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
379
381
|
|
380
382
|
// Navbar brand label
|
381
383
|
$navbar-default-brand-color: $navbar-default-link-color !default;
|
382
384
|
$navbar-default-brand-hover-color: $navbar-default-link-hover-color !default;
|
383
|
-
$navbar-default-brand-hover-bg:
|
385
|
+
$navbar-default-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
384
386
|
|
385
387
|
// Navbar toggle
|
386
388
|
$navbar-default-toggle-hover-bg: darken($navbar-default-bg, 10%) !default;
|
@@ -392,21 +394,21 @@ $navbar-default-toggle-border-color: darken($navbar-default-bg, 10%) !defa
|
|
392
394
|
// Reset inverted navbar basics
|
393
395
|
$navbar-inverse-color: #fff !default;
|
394
396
|
$navbar-inverse-bg: $brand-success !default;
|
395
|
-
$navbar-inverse-border:
|
397
|
+
$navbar-inverse-border: hsla(0, 100%, 100%, 0) !default;
|
396
398
|
|
397
399
|
// Inverted navbar links
|
398
400
|
$navbar-inverse-link-color: $navbar-inverse-color !default;
|
399
401
|
$navbar-inverse-link-hover-color: $brand-primary !default;
|
400
|
-
$navbar-inverse-link-hover-bg:
|
402
|
+
$navbar-inverse-link-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
401
403
|
$navbar-inverse-link-active-color: $navbar-inverse-color !default;
|
402
404
|
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 5%) !default;
|
403
405
|
$navbar-inverse-link-disabled-color: #aaa !default;
|
404
|
-
$navbar-inverse-link-disabled-bg:
|
406
|
+
$navbar-inverse-link-disabled-bg: hsla(0, 100%, 100%, 0) !default;
|
405
407
|
|
406
408
|
// Inverted navbar brand label
|
407
409
|
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
|
408
410
|
$navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color !default;
|
409
|
-
$navbar-inverse-brand-hover-bg:
|
411
|
+
$navbar-inverse-brand-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
410
412
|
|
411
413
|
// Inverted navbar toggle
|
412
414
|
$navbar-inverse-toggle-hover-bg: darken($navbar-inverse-bg, 10%) !default;
|
@@ -451,19 +453,19 @@ $nav-pills-active-link-hover-color: $component-active-color !default;
|
|
451
453
|
|
452
454
|
$pagination-color: #fff !default;
|
453
455
|
$pagination-bg: $brand-success !default;
|
454
|
-
$pagination-border:
|
456
|
+
$pagination-border: hsla(0, 100%, 100%, 0) !default;
|
455
457
|
|
456
458
|
$pagination-hover-color: #fff !default;
|
457
459
|
$pagination-hover-bg: lighten($brand-success, 6%) !default;
|
458
|
-
$pagination-hover-border:
|
460
|
+
$pagination-hover-border: hsla(0, 100%, 100%, 0) !default;
|
459
461
|
|
460
462
|
$pagination-active-color: #fff !default;
|
461
463
|
$pagination-active-bg: lighten($brand-success, 6%) !default;
|
462
|
-
$pagination-active-border:
|
464
|
+
$pagination-active-border: hsla(0, 100%, 100%, 0) !default;
|
463
465
|
|
464
466
|
$pagination-disabled-color: #fff !default;
|
465
467
|
$pagination-disabled-bg: darken($brand-success, 15%) !default;;
|
466
|
-
$pagination-disabled-border:
|
468
|
+
$pagination-disabled-border: hsla(0, 100%, 100%, 0) !default;
|
467
469
|
|
468
470
|
|
469
471
|
//== Pager
|
@@ -674,17 +676,26 @@ $list-group-border: $gray !default;
|
|
674
676
|
//** List group border radius
|
675
677
|
$list-group-border-radius: $border-radius-base !default;
|
676
678
|
|
677
|
-
//** Background color of single list
|
678
|
-
$list-group-hover-bg:
|
679
|
-
//** Text color of active list
|
679
|
+
//** Background color of single list items on hover
|
680
|
+
$list-group-hover-bg: hsla(0, 100%, 100%, 0) !default;
|
681
|
+
//** Text color of active list items
|
680
682
|
$list-group-active-color: $component-active-color !default;
|
681
|
-
//** Background color of active list
|
683
|
+
//** Background color of active list items
|
682
684
|
$list-group-active-bg: $component-active-bg !default;
|
683
685
|
//** Border color of active list elements
|
684
686
|
$list-group-active-border: $list-group-active-bg !default;
|
687
|
+
//** Text color for content within active list items
|
685
688
|
$list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
|
686
689
|
|
690
|
+
//** Text color of disabled list items
|
691
|
+
$list-group-disabled-color: $gray-light !default;
|
692
|
+
//** Background color of disabled list items
|
693
|
+
$list-group-disabled-bg: $gray-lighter !default;
|
694
|
+
//** Text color for content within disabled list items
|
695
|
+
$list-group-disabled-text-color: $list-group-disabled-color !default;
|
696
|
+
|
687
697
|
$list-group-link-color: $link-color !default;
|
698
|
+
$list-group-link-hover-color: $list-group-link-color !default;
|
688
699
|
$list-group-link-heading-color: darken($link-color, 5%) !default;
|
689
700
|
|
690
701
|
|
@@ -694,6 +705,8 @@ $list-group-link-heading-color: darken($link-color, 5%) !default;
|
|
694
705
|
|
695
706
|
$panel-bg: $gray-dark !default;
|
696
707
|
$panel-body-padding: 15px !default;
|
708
|
+
$panel-heading-padding: 10px 15px !default;
|
709
|
+
$panel-footer-padding: $panel-heading-padding !default;
|
697
710
|
$panel-border-radius: $border-radius-base !default;
|
698
711
|
|
699
712
|
//** Border color for elements within panels
|
@@ -749,7 +762,7 @@ $thumbnail-caption-padding: 9px !default;
|
|
749
762
|
//##
|
750
763
|
|
751
764
|
$well-bg: $gray-dark !default;
|
752
|
-
$well-border:
|
765
|
+
$well-border: hsla(0, 100%, 100%, 0) !default;
|
753
766
|
|
754
767
|
|
755
768
|
//== Badges
|
@@ -827,3 +840,5 @@ $pre-bg: $gray-lighter !default;
|
|
827
840
|
$pre-color: $gray-dark !default;
|
828
841
|
$pre-border-color: #ccc !default;
|
829
842
|
$pre-scrollable-max-height: 340px !default;
|
843
|
+
|
844
|
+
|