active_frontend 7.0.2 → 8.0.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/lib/active_frontend/version.rb +1 -1
- data/vendor/assets/javascripts/chart.js +7 -7
- data/vendor/assets/stylesheets/_ad.scss +15 -2
- data/vendor/assets/stylesheets/_alert.scss +15 -5
- data/vendor/assets/stylesheets/_button.scss +161 -1
- data/vendor/assets/stylesheets/_canvas.scss +1 -1
- data/vendor/assets/stylesheets/_carousel.scss +1 -1
- data/vendor/assets/stylesheets/_code.scss +20 -6
- data/vendor/assets/stylesheets/_dropdown.scss +35 -0
- data/vendor/assets/stylesheets/_footer.scss +62 -88
- data/vendor/assets/stylesheets/_form.scss +50 -25
- data/vendor/assets/stylesheets/_header.scss +89 -110
- data/vendor/assets/stylesheets/_label_and_badge.scss +60 -1
- data/vendor/assets/stylesheets/_list.scss +18 -2
- data/vendor/assets/stylesheets/_map.scss +15 -2
- data/vendor/assets/stylesheets/_modal.scss +1 -1
- data/vendor/assets/stylesheets/_nav_and_tab.scss +34 -22
- data/vendor/assets/stylesheets/_navbar.scss +20 -8
- data/vendor/assets/stylesheets/_panel.scss +24 -4
- data/vendor/assets/stylesheets/_sidebar.scss +22 -15
- data/vendor/assets/stylesheets/_swoggle.scss +25 -0
- data/vendor/assets/stylesheets/_trunk.scss +4 -3
- data/vendor/assets/stylesheets/_typography.scss +8 -0
- data/vendor/assets/stylesheets/activefrontend.scss +16 -13
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 3ac143feaeb62f76569d97990f3df16ed6115fb7
|
|
4
|
+
data.tar.gz: dfd577b2a93717315f1151c48daf1a3b578ff421
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 01db75bfe686b7e8d7a9be5034b85a6ec38d115b8e69929a8b9240318d0f4d2b4f7221deb4418b5f69f2da2cc59c7c847ceb3664ac4a561f40e77fca345e7aa2
|
|
7
|
+
data.tar.gz: ef3bda595a1e62c9ca1c861df4b52060ce39f1caa7740cce3ffc3715d57ce7bf3c5a74e8712ab219965d37ecdfe22c3567bbf11f770440421e9196d94ac532d4
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
scaleStartValue: null,
|
|
50
50
|
|
|
51
51
|
// String - Colour of the scale line
|
|
52
|
-
scaleLineColor: "rgba(
|
|
52
|
+
scaleLineColor: "rgba(240,240,240,1)",
|
|
53
53
|
|
|
54
54
|
// Number - Pixel width of the scale line
|
|
55
55
|
scaleLineWidth: 1,
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
scaleFontStyle: "bold",
|
|
77
77
|
|
|
78
78
|
// String - Scale label font colour
|
|
79
|
-
scaleFontColor: "rgba(
|
|
79
|
+
scaleFontColor: "rgba(22,27,31,1)",
|
|
80
80
|
|
|
81
81
|
// Boolean - whether or not the chart should be responsive and resize when the browser does.
|
|
82
82
|
responsive: true,
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
|
|
92
92
|
|
|
93
93
|
// String - Tooltip background colour
|
|
94
|
-
tooltipFillColor: "rgba(
|
|
94
|
+
tooltipFillColor: "rgba(22,27,31,1)",
|
|
95
95
|
|
|
96
96
|
// String - Tooltip label font declaration for the scale label
|
|
97
97
|
tooltipFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
|
@@ -1910,7 +1910,7 @@
|
|
|
1910
1910
|
scaleShowGridLines : true,
|
|
1911
1911
|
|
|
1912
1912
|
//String - Colour of the grid lines
|
|
1913
|
-
scaleGridLineColor : "rgba(
|
|
1913
|
+
scaleGridLineColor : "rgba(240,240,240,1)",
|
|
1914
1914
|
|
|
1915
1915
|
//Number - Width of the grid lines
|
|
1916
1916
|
scaleGridLineWidth : 1,
|
|
@@ -2387,7 +2387,7 @@
|
|
|
2387
2387
|
scaleShowGridLines : true,
|
|
2388
2388
|
|
|
2389
2389
|
//String - Colour of the grid lines
|
|
2390
|
-
scaleGridLineColor : "rgba(
|
|
2390
|
+
scaleGridLineColor : "rgba(240,240,240,1)",
|
|
2391
2391
|
|
|
2392
2392
|
//Number - Width of the grid lines
|
|
2393
2393
|
scaleGridLineWidth : 1,
|
|
@@ -2992,7 +2992,7 @@
|
|
|
2992
2992
|
scaleBeginAtZero : true,
|
|
2993
2993
|
|
|
2994
2994
|
//String - Colour of the angle line
|
|
2995
|
-
angleLineColor : "rgba(
|
|
2995
|
+
angleLineColor : "rgba(240,240,240,1)",
|
|
2996
2996
|
|
|
2997
2997
|
//Number - Pixel width of the angle line
|
|
2998
2998
|
angleLineWidth : 1,
|
|
@@ -3007,7 +3007,7 @@
|
|
|
3007
3007
|
pointLabelFontSize : 11,
|
|
3008
3008
|
|
|
3009
3009
|
//String - Point label font colour
|
|
3010
|
-
pointLabelFontColor : "rgba(
|
|
3010
|
+
pointLabelFontColor : "rgba(22,27,31,1)",
|
|
3011
3011
|
|
|
3012
3012
|
//Boolean - Whether to show a dot for each point
|
|
3013
3013
|
pointDot : true,
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
-
# Ad
|
|
3
|
+
# Ad
|
|
4
|
+
# Media Queries */
|
|
4
5
|
|
|
5
6
|
/* # Ad
|
|
6
7
|
================================================== */
|
|
7
8
|
.ad {
|
|
8
9
|
background: $color-haze-light;
|
|
9
|
-
border: 1px solid $color-haze;
|
|
10
|
+
border: 1px solid $color-haze-dark;
|
|
10
11
|
box-sizing: border-box;
|
|
11
12
|
height: 220px;
|
|
12
13
|
width: 220px;
|
|
@@ -71,4 +72,16 @@
|
|
|
71
72
|
.ad-skyscrapper {
|
|
72
73
|
height: 600px;
|
|
73
74
|
width: 120px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* # Media Queries
|
|
78
|
+
================================================== */
|
|
79
|
+
@media
|
|
80
|
+
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
81
|
+
only screen and ( min--moz-device-pixel-ratio: 2),
|
|
82
|
+
only screen and ( -o-min-device-pixel-ratio: 2/1),
|
|
83
|
+
only screen and ( min-device-pixel-ratio: 2),
|
|
84
|
+
only screen and ( min-resolution: 192dpi),
|
|
85
|
+
only screen and ( min-resolution: 2dppx) {
|
|
86
|
+
.ad { border-width: 0.5px; }
|
|
74
87
|
}
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
}
|
|
17
17
|
.alert {
|
|
18
18
|
background: $color-gray;
|
|
19
|
-
border-bottom:
|
|
19
|
+
border-bottom: 1px solid rgba(0,0,0,0.2);
|
|
20
20
|
box-sizing: border-box;
|
|
21
21
|
color: $color-white;
|
|
22
22
|
display: block;
|
|
@@ -46,15 +46,25 @@
|
|
|
46
46
|
|
|
47
47
|
/* # Colors
|
|
48
48
|
================================================== */
|
|
49
|
+
.alert-black { background: $color-black; }
|
|
50
|
+
.alert-black-dark { background: $color-black-dark; }
|
|
51
|
+
.alert-black-light { background: $color-black-light; }
|
|
52
|
+
.alert-blue { background: $color-blue; }
|
|
53
|
+
.alert-gray-dark { background: $color-gray-dark; }
|
|
54
|
+
.alert-gray-light { background: $color-gray-light; }
|
|
49
55
|
.alert-green,
|
|
50
56
|
.alert-success { background: $color-green; }
|
|
51
|
-
.alert-
|
|
52
|
-
.alert-
|
|
57
|
+
.alert-indigo { background: $color-indigo; }
|
|
58
|
+
.alert-lime { background: $color-lime; }
|
|
59
|
+
.alert-orange { background: $color-orange; }
|
|
60
|
+
.alert-purple { background: $color-purple; }
|
|
61
|
+
.alert-pink { background: $color-pink; }
|
|
53
62
|
.alert-red,
|
|
54
63
|
.alert-error,
|
|
55
64
|
.alert-alert { background: $color-red; }
|
|
56
|
-
.alert-
|
|
57
|
-
.alert-
|
|
65
|
+
.alert-teal { background: $color-teal; }
|
|
66
|
+
.alert-yellow,
|
|
67
|
+
.alert-warning { background: $color-yellow; }
|
|
58
68
|
|
|
59
69
|
/* # Media Queries
|
|
60
70
|
================================================== */
|
|
@@ -89,17 +89,38 @@ input.btn-block {
|
|
|
89
89
|
|
|
90
90
|
/* # Colors
|
|
91
91
|
================================================== */
|
|
92
|
+
.btn-black-light,
|
|
92
93
|
.btn-black,
|
|
94
|
+
.btn-black-dark,
|
|
93
95
|
.btn-blue,
|
|
94
96
|
.btn-gray-light,
|
|
95
97
|
.btn-gray,
|
|
96
98
|
.btn-gray-dark,
|
|
97
99
|
.btn-green,
|
|
100
|
+
.btn-indigo,
|
|
101
|
+
.btn-lime,
|
|
98
102
|
.btn-orange,
|
|
99
103
|
.btn-pink,
|
|
100
104
|
.btn-purple,
|
|
101
105
|
.btn-red,
|
|
106
|
+
.btn-teal,
|
|
102
107
|
.btn-yellow { color: $color-white; }
|
|
108
|
+
.btn-black-light {
|
|
109
|
+
background: $color-black-light;
|
|
110
|
+
border-color: $color-black-light;
|
|
111
|
+
}
|
|
112
|
+
.btn-black-light:hover,
|
|
113
|
+
.btn-black-light:active,
|
|
114
|
+
.btn-black-light.active,
|
|
115
|
+
.btn-black-light:focus,
|
|
116
|
+
.btn-black-light[disabled],
|
|
117
|
+
.btn-black-light[disabled]:hover,
|
|
118
|
+
.btn-black-light[disabled]:active,
|
|
119
|
+
.btn-black-light[disabled]:focus,
|
|
120
|
+
.open > .dropdown-toggle.btn.btn-black-light {
|
|
121
|
+
background: darken($color-black-light, 4%);
|
|
122
|
+
border-color: darken($color-black-light, 4%);
|
|
123
|
+
}
|
|
103
124
|
.btn-black {
|
|
104
125
|
background: $color-black;
|
|
105
126
|
border-color: $color-black;
|
|
@@ -116,6 +137,22 @@ input.btn-block {
|
|
|
116
137
|
background: darken($color-black, 4%);
|
|
117
138
|
border-color: darken($color-black, 4%);
|
|
118
139
|
}
|
|
140
|
+
.btn-black-dark {
|
|
141
|
+
background: $color-black-dark;
|
|
142
|
+
border-color: $color-black-dark;
|
|
143
|
+
}
|
|
144
|
+
.btn-black-dark:hover,
|
|
145
|
+
.btn-black-dark:active,
|
|
146
|
+
.btn-black-dark.active,
|
|
147
|
+
.btn-black-dark:focus,
|
|
148
|
+
.btn-black-dark[disabled],
|
|
149
|
+
.btn-black-dark[disabled]:hover,
|
|
150
|
+
.btn-black-dark[disabled]:active,
|
|
151
|
+
.btn-black-dark[disabled]:focus,
|
|
152
|
+
.open > .dropdown-toggle.btn.btn-black-dark {
|
|
153
|
+
background: darken($color-black-dark, 4%);
|
|
154
|
+
border-color: darken($color-black-dark, 4%);
|
|
155
|
+
}
|
|
119
156
|
.btn-blue {
|
|
120
157
|
background: $color-blue;
|
|
121
158
|
border-color: $color-blue;
|
|
@@ -196,6 +233,38 @@ input.btn-block {
|
|
|
196
233
|
background: darken($color-green, 4%);
|
|
197
234
|
border-color: darken($color-green, 4%);
|
|
198
235
|
}
|
|
236
|
+
.btn-indigo {
|
|
237
|
+
background: $color-indigo;
|
|
238
|
+
border-color: $color-indigo;
|
|
239
|
+
}
|
|
240
|
+
.btn-indigo:hover,
|
|
241
|
+
.btn-indigo:active,
|
|
242
|
+
.btn-indigo.active,
|
|
243
|
+
.btn-indigo:focus,
|
|
244
|
+
.btn-indigo[disabled],
|
|
245
|
+
.btn-indigo[disabled]:hover,
|
|
246
|
+
.btn-indigo[disabled]:active,
|
|
247
|
+
.btn-indigo[disabled]:focus,
|
|
248
|
+
.open > .dropdown-toggle.btn.btn-indigo {
|
|
249
|
+
background: darken($color-indigo, 4%);
|
|
250
|
+
border-color: darken($color-indigo, 4%);
|
|
251
|
+
}
|
|
252
|
+
.btn-lime {
|
|
253
|
+
background: $color-lime;
|
|
254
|
+
border-color: $color-lime;
|
|
255
|
+
}
|
|
256
|
+
.btn-lime:hover,
|
|
257
|
+
.btn-lime:active,
|
|
258
|
+
.btn-lime.active,
|
|
259
|
+
.btn-lime:focus,
|
|
260
|
+
.btn-lime[disabled],
|
|
261
|
+
.btn-lime[disabled]:hover,
|
|
262
|
+
.btn-lime[disabled]:active,
|
|
263
|
+
.btn-lime[disabled]:focus,
|
|
264
|
+
.open > .dropdown-toggle.btn.btn-lime {
|
|
265
|
+
background: darken($color-lime, 4%);
|
|
266
|
+
border-color: darken($color-lime, 4%);
|
|
267
|
+
}
|
|
199
268
|
.btn-orange {
|
|
200
269
|
background: $color-orange;
|
|
201
270
|
border-color: $color-orange;
|
|
@@ -260,6 +329,22 @@ input.btn-block {
|
|
|
260
329
|
background: darken($color-red, 4%);
|
|
261
330
|
border-color: darken($color-red, 4%);
|
|
262
331
|
}
|
|
332
|
+
.btn-teal {
|
|
333
|
+
background: $color-teal;
|
|
334
|
+
border-color: $color-teal;
|
|
335
|
+
}
|
|
336
|
+
.btn-teal:hover,
|
|
337
|
+
.btn-teal:active,
|
|
338
|
+
.btn-teal.active,
|
|
339
|
+
.btn-teal:focus,
|
|
340
|
+
.btn-teal[disabled],
|
|
341
|
+
.btn-teal[disabled]:hover,
|
|
342
|
+
.btn-teal[disabled]:active,
|
|
343
|
+
.btn-teal[disabled]:focus,
|
|
344
|
+
.open > .dropdown-toggle.btn.btn-teal {
|
|
345
|
+
background: darken($color-teal, 4%);
|
|
346
|
+
border-color: darken($color-teal, 4%);
|
|
347
|
+
}
|
|
263
348
|
.btn-white {
|
|
264
349
|
background: $color-white;
|
|
265
350
|
border-color: $color-white;
|
|
@@ -366,11 +451,21 @@ input.btn-block {
|
|
|
366
451
|
background: $color-haze;
|
|
367
452
|
color: $color-black;
|
|
368
453
|
}
|
|
454
|
+
.btn-outline.btn-black-light,
|
|
455
|
+
.btn-outline.btn-black-light[disabled],
|
|
456
|
+
.btn-outline.btn-black-light[disabled]:hover,
|
|
457
|
+
.btn-outline.btn-black-light[disabled]:active,
|
|
458
|
+
.btn-outline.btn-black-light[disabled]:focus { color: $color-black-light; }
|
|
369
459
|
.btn-outline.btn-black,
|
|
370
460
|
.btn-outline.btn-black[disabled],
|
|
371
461
|
.btn-outline.btn-black[disabled]:hover,
|
|
372
462
|
.btn-outline.btn-black[disabled]:active,
|
|
373
463
|
.btn-outline.btn-black[disabled]:focus { color: $color-black; }
|
|
464
|
+
.btn-outline.btn-black-dark,
|
|
465
|
+
.btn-outline.btn-black-dark[disabled],
|
|
466
|
+
.btn-outline.btn-black-dark[disabled]:hover,
|
|
467
|
+
.btn-outline.btn-black-dark[disabled]:active,
|
|
468
|
+
.btn-outline.btn-black-dark[disabled]:focus { color: $color-black-dark; }
|
|
374
469
|
.btn-outline.btn-blue,
|
|
375
470
|
.btn-outline.btn-blue[disabled],
|
|
376
471
|
.btn-outline.btn-blue[disabled]:hover,
|
|
@@ -396,6 +491,16 @@ input.btn-block {
|
|
|
396
491
|
.btn-outline.btn-green[disabled]:hover,
|
|
397
492
|
.btn-outline.btn-green[disabled]:active,
|
|
398
493
|
.btn-outline.btn-green[disabled]:focus { color: $color-green; }
|
|
494
|
+
.btn-outline.btn-indigo,
|
|
495
|
+
.btn-outline.btn-indigo[disabled],
|
|
496
|
+
.btn-outline.btn-indigo[disabled]:hover,
|
|
497
|
+
.btn-outline.btn-indigo[disabled]:active,
|
|
498
|
+
.btn-outline.btn-indigo[disabled]:focus { color: $color-indigo; }
|
|
499
|
+
.btn-outline.btn-lime,
|
|
500
|
+
.btn-outline.btn-lime[disabled],
|
|
501
|
+
.btn-outline.btn-lime[disabled]:hover,
|
|
502
|
+
.btn-outline.btn-lime[disabled]:active,
|
|
503
|
+
.btn-outline.btn-lime[disabled]:focus { color: $color-lime; }
|
|
399
504
|
.btn-outline.btn-orange,
|
|
400
505
|
.btn-outline.btn-orange[disabled],
|
|
401
506
|
.btn-outline.btn-orange[disabled]:hover,
|
|
@@ -416,6 +521,11 @@ input.btn-block {
|
|
|
416
521
|
.btn-outline.btn-red[disabled]:hover,
|
|
417
522
|
.btn-outline.btn-red[disabled]:active,
|
|
418
523
|
.btn-outline.btn-red[disabled]:focus { color: $color-red; }
|
|
524
|
+
.btn-outline.btn-teal,
|
|
525
|
+
.btn-outline.btn-teal[disabled],
|
|
526
|
+
.btn-outline.btn-teal[disabled]:hover,
|
|
527
|
+
.btn-outline.btn-teal[disabled]:active,
|
|
528
|
+
.btn-outline.btn-teal[disabled]:focus { color: $color-teal; }
|
|
419
529
|
.btn-outline.btn-white,
|
|
420
530
|
.btn-outline.btn-white[disabled],
|
|
421
531
|
.btn-outline.btn-white[disabled]:hover,
|
|
@@ -426,11 +536,21 @@ input.btn-block {
|
|
|
426
536
|
.btn-outline.btn-yellow[disabled]:hover,
|
|
427
537
|
.btn-outline.btn-yellow[disabled]:active,
|
|
428
538
|
.btn-outline.btn-yellow[disabled]:focus { color: $color-yellow; }
|
|
539
|
+
.btn-outline.btn-black-light:hover,
|
|
540
|
+
.btn-outline.btn-black-light:active,
|
|
541
|
+
.btn-outline.btn-black-light.active,
|
|
542
|
+
.btn-outline.btn-black-light:focus,
|
|
543
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-black-light,
|
|
429
544
|
.btn-outline.btn-black:hover,
|
|
430
545
|
.btn-outline.btn-black:active,
|
|
431
546
|
.btn-outline.btn-black.active,
|
|
432
547
|
.btn-outline.btn-black:focus,
|
|
433
548
|
.open > .dropdown-toggle.btn.btn-outline.btn-black,
|
|
549
|
+
.btn-outline.btn-black-dark:hover,
|
|
550
|
+
.btn-outline.btn-black-dark:active,
|
|
551
|
+
.btn-outline.btn-black-dark.active,
|
|
552
|
+
.btn-outline.btn-black-dark:focus,
|
|
553
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-black-dark,
|
|
434
554
|
.btn-outline.btn-blue:hover,
|
|
435
555
|
.btn-outline.btn-blue:active,
|
|
436
556
|
.btn-outline.btn-blue.active,
|
|
@@ -456,6 +576,16 @@ input.btn-block {
|
|
|
456
576
|
.btn-outline.btn-green.active,
|
|
457
577
|
.btn-outline.btn-green:focus,
|
|
458
578
|
.open > .dropdown-toggle.btn.btn-outline.btn-green,
|
|
579
|
+
.btn-outline.btn-indigo:hover,
|
|
580
|
+
.btn-outline.btn-indigo:active,
|
|
581
|
+
.btn-outline.btn-indigo.active,
|
|
582
|
+
.btn-outline.btn-indigo:focus,
|
|
583
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-indigo,
|
|
584
|
+
.btn-outline.btn-lime:hover,
|
|
585
|
+
.btn-outline.btn-lime:active,
|
|
586
|
+
.btn-outline.btn-lime.active,
|
|
587
|
+
.btn-outline.btn-lime:focus,
|
|
588
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-lime,
|
|
459
589
|
.btn-outline.btn-orange:hover,
|
|
460
590
|
.btn-outline.btn-orange:active,
|
|
461
591
|
.btn-outline.btn-orange.active,
|
|
@@ -476,16 +606,31 @@ input.btn-block {
|
|
|
476
606
|
.btn-outline.btn-red.active,
|
|
477
607
|
.btn-outline.btn-red:focus,
|
|
478
608
|
.open > .dropdown-toggle.btn.btn-outline.btn-red,
|
|
609
|
+
.btn-outline.btn-teal:hover,
|
|
610
|
+
.btn-outline.btn-teal:active,
|
|
611
|
+
.btn-outline.btn-teal.active,
|
|
612
|
+
.btn-outline.btn-teal:focus,
|
|
613
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-teal,
|
|
479
614
|
.btn-outline.btn-yellow:hover,
|
|
480
615
|
.btn-outline.btn-yellow:active,
|
|
481
616
|
.btn-outline.btn-yellow.active,
|
|
482
617
|
.btn-outline.btn-yellow:focus,
|
|
483
618
|
.open > .dropdown-toggle.btn.btn-outline.btn-yellow { color: $color-white; }
|
|
619
|
+
.btn-outline.btn-black-light:hover,
|
|
620
|
+
.btn-outline.btn-black-light:active,
|
|
621
|
+
.btn-outline.btn-black-light.active,
|
|
622
|
+
.btn-outline.btn-black-light:focus,
|
|
623
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-black-light { background: darken($color-black-light, 4%); }
|
|
484
624
|
.btn-outline.btn-black:hover,
|
|
485
625
|
.btn-outline.btn-black:active,
|
|
486
626
|
.btn-outline.btn-black.active,
|
|
487
627
|
.btn-outline.btn-black:focus,
|
|
488
628
|
.open > .dropdown-toggle.btn.btn-outline.btn-black { background: darken($color-black, 4%); }
|
|
629
|
+
.btn-outline.btn-black-dark:hover,
|
|
630
|
+
.btn-outline.btn-black-dark:active,
|
|
631
|
+
.btn-outline.btn-black-dark.active,
|
|
632
|
+
.btn-outline.btn-black-dark:focus,
|
|
633
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-black-dark { background: darken($color-black-dark, 4%); }
|
|
489
634
|
.btn-outline.btn-blue:hover,
|
|
490
635
|
.btn-outline.btn-blue:active,
|
|
491
636
|
.btn-outline.btn-blue.active,
|
|
@@ -511,6 +656,16 @@ input.btn-block {
|
|
|
511
656
|
.btn-outline.btn-green.active,
|
|
512
657
|
.btn-outline.btn-green:focus,
|
|
513
658
|
.open > .dropdown-toggle.btn.btn-outline.btn-green { background: darken($color-green, 4%); }
|
|
659
|
+
.btn-outline.btn-indigo:hover,
|
|
660
|
+
.btn-outline.btn-indigo:active,
|
|
661
|
+
.btn-outline.btn-indigo.active,
|
|
662
|
+
.btn-outline.btn-indigo:focus,
|
|
663
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-indigo { background: darken($color-indigo, 4%); }
|
|
664
|
+
.btn-outline.btn-lime:hover,
|
|
665
|
+
.btn-outline.btn-lime:active,
|
|
666
|
+
.btn-outline.btn-lime.active,
|
|
667
|
+
.btn-outline.btn-lime:focus,
|
|
668
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-lime { background: darken($color-lime, 4%); }
|
|
514
669
|
.btn-outline.btn-orange:hover,
|
|
515
670
|
.btn-outline.btn-orange:active,
|
|
516
671
|
.btn-outline.btn-orange.active,
|
|
@@ -531,6 +686,11 @@ input.btn-block {
|
|
|
531
686
|
.btn-outline.btn-red.active,
|
|
532
687
|
.btn-outline.btn-red:focus,
|
|
533
688
|
.open > .dropdown-toggle.btn.btn-outline.btn-red { background: darken($color-red, 4%); }
|
|
689
|
+
.btn-outline.btn-teal:hover,
|
|
690
|
+
.btn-outline.btn-teal:active,
|
|
691
|
+
.btn-outline.btn-teal.active,
|
|
692
|
+
.btn-outline.btn-teal:focus,
|
|
693
|
+
.open > .dropdown-toggle.btn.btn-outline.btn-teal { background: darken($color-teal, 4%); }
|
|
534
694
|
.btn-outline.btn-white:hover,
|
|
535
695
|
.btn-outline.btn-white:active,
|
|
536
696
|
.btn-outline.btn-white.active,
|
|
@@ -564,7 +724,7 @@ input.btn-block {
|
|
|
564
724
|
margin-right: 10px;
|
|
565
725
|
margin-left: 0;
|
|
566
726
|
}
|
|
567
|
-
.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.
|
|
727
|
+
.btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.075); }
|
|
568
728
|
.btn-group > .btn,
|
|
569
729
|
.btn-group-vertical > .btn {
|
|
570
730
|
border-radius: 0;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
width: calc(100% - 280px);
|
|
31
31
|
}
|
|
32
32
|
.canvas-with-header > .canvas-content,
|
|
33
|
-
.canvas-with-header > .canvas-sidebar { margin-top:
|
|
33
|
+
.canvas-with-header > .canvas-sidebar { margin-top: 60px; }
|
|
34
34
|
.canvas-with-footer > .canvas-content { padding-bottom: 90px; }
|
|
35
35
|
.canvas-sidebar {
|
|
36
36
|
max-width: 280px;
|