active_frontend 10.2.10 → 10.3.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/lib/generators/active_frontend/templates/install.scss +3 -1
- data/vendor/assets/javascripts/_swoggle.js +1 -1
- data/vendor/assets/stylesheets/_ad.scss +41 -62
- data/vendor/assets/stylesheets/_alert.scss +74 -27
- data/vendor/assets/stylesheets/_animation.scss +632 -560
- data/vendor/assets/stylesheets/_aside.scss +14 -11
- data/vendor/assets/stylesheets/_breadcrumb.scss +3 -3
- data/vendor/assets/stylesheets/_button.scss +41 -30
- data/vendor/assets/stylesheets/_canvas.scss +2 -1
- data/vendor/assets/stylesheets/_carousel.scss +7 -6
- data/vendor/assets/stylesheets/_code.scss +12 -14
- data/vendor/assets/stylesheets/_collapse.scss +2 -1
- data/vendor/assets/stylesheets/_color.scss +53 -21
- data/vendor/assets/stylesheets/_colorpicker.scss +4 -3
- data/vendor/assets/stylesheets/_datepicker.scss +10 -9
- data/vendor/assets/stylesheets/_dropdown.scss +12 -11
- data/vendor/assets/stylesheets/_footer.scss +7 -7
- data/vendor/assets/stylesheets/_form.scss +33 -10
- data/vendor/assets/stylesheets/_grid.scss +64 -215
- data/vendor/assets/stylesheets/_header.scss +4 -4
- data/vendor/assets/stylesheets/_label_and_badge.scss +69 -165
- data/vendor/assets/stylesheets/_link.scss +2 -1
- data/vendor/assets/stylesheets/_list.scss +19 -7
- data/vendor/assets/stylesheets/_loader.scss +29 -9
- data/vendor/assets/stylesheets/_map.scss +13 -1
- data/vendor/assets/stylesheets/_missive.scss +7 -7
- data/vendor/assets/stylesheets/_modal.scss +6 -3
- data/vendor/assets/stylesheets/_nav_and_tab.scss +11 -11
- data/vendor/assets/stylesheets/_navbar.scss +5 -5
- data/vendor/assets/stylesheets/_pagination.scss +1 -1
- data/vendor/assets/stylesheets/_panel.scss +10 -7
- data/vendor/assets/stylesheets/_placeholder.scss +4 -4
- data/vendor/assets/stylesheets/_popover.scss +7 -7
- data/vendor/assets/stylesheets/_progress.scss +79 -17
- data/vendor/assets/stylesheets/_reset.scss +7 -4
- data/vendor/assets/stylesheets/_sidebar.scss +12 -10
- data/vendor/assets/stylesheets/_slider.scss +5 -5
- data/vendor/assets/stylesheets/_spinner.scss +297 -152
- data/vendor/assets/stylesheets/_stripe.scss +30 -0
- data/vendor/assets/stylesheets/_swoggle.scss +88 -93
- data/vendor/assets/stylesheets/_table.scss +10 -18
- data/vendor/assets/stylesheets/_timepicker.scss +6 -5
- data/vendor/assets/stylesheets/_toolbar.scss +11 -11
- data/vendor/assets/stylesheets/_tooltip.scss +1 -1
- data/vendor/assets/stylesheets/_transition.scss +2 -1
- data/vendor/assets/stylesheets/_trunk.scss +14 -12
- data/vendor/assets/stylesheets/_typeahead.scss +2 -1
- data/vendor/assets/stylesheets/_typography.scss +60 -27
- data/vendor/assets/stylesheets/active_frontend.scss +3 -1
- metadata +3 -2
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
float: left;
|
|
20
20
|
}
|
|
21
21
|
.missive-icon {
|
|
22
|
-
color: $color-haze
|
|
22
|
+
color: $color-dark-haze;
|
|
23
23
|
font-size: 84px;
|
|
24
24
|
line-height: 120px;
|
|
25
25
|
text-align: center;
|
|
26
26
|
width: 100px;
|
|
27
27
|
}
|
|
28
28
|
.missive-content {
|
|
29
|
-
color: $color-gray
|
|
29
|
+
color: $color-light-gray;
|
|
30
30
|
padding: 20px 15px 20px 0;
|
|
31
31
|
width: calc(100% - 100px);
|
|
32
32
|
}
|
|
@@ -40,14 +40,14 @@
|
|
|
40
40
|
================================================== */
|
|
41
41
|
.missive-dark {
|
|
42
42
|
background: $color-black;
|
|
43
|
-
border-color: $color-black
|
|
43
|
+
border-color: $color-dark-black;
|
|
44
44
|
}
|
|
45
|
+
.missive-dark .missive-icon { color: $color-light-black; }
|
|
46
|
+
.missive-dark .missive-content { color: $color-dark-gray; }
|
|
45
47
|
.missive-light {
|
|
46
|
-
background: $color-haze
|
|
47
|
-
border-color: $color-haze
|
|
48
|
+
background: $color-light-haze;
|
|
49
|
+
border-color: $color-dark-haze;
|
|
48
50
|
}
|
|
49
|
-
.missive-dark .missive-icon { color: $color-black-light; }
|
|
50
|
-
.missive-dark .missive-content { color: $color-gray-dark; }
|
|
51
51
|
|
|
52
52
|
/* # Media Queries
|
|
53
53
|
================================================== */
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
opacity: 1;
|
|
26
26
|
}
|
|
27
27
|
.modal {
|
|
28
|
-
background-clip: padding-box;
|
|
29
28
|
background: $color-white;
|
|
29
|
+
background-clip: padding-box;
|
|
30
30
|
border-radius: 3px;
|
|
31
31
|
box-shadow: 0 0 3px rgba(0,0,0,0.3);
|
|
32
32
|
display: none;
|
|
@@ -40,7 +40,8 @@
|
|
|
40
40
|
}
|
|
41
41
|
.modal.fade {
|
|
42
42
|
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
|
|
43
|
-
|
|
43
|
+
-ms-transition: opacity 0.3s linear, top 0.3s ease-out;
|
|
44
|
+
transition: opacity 0.3s linear, top 0.3s ease-out;
|
|
44
45
|
top: -100%;
|
|
45
46
|
}
|
|
46
47
|
.modal.fade.in { top: 15%; }
|
|
@@ -80,7 +81,8 @@
|
|
|
80
81
|
button.modal-footer-btn,
|
|
81
82
|
input.modal-footer-btn {
|
|
82
83
|
-webkit-appearance: none;
|
|
83
|
-
|
|
84
|
+
-ms-appearance: none;
|
|
85
|
+
appearance: none;
|
|
84
86
|
background: $color-white;
|
|
85
87
|
border: 0;
|
|
86
88
|
box-sizing: border-box;
|
|
@@ -97,6 +99,7 @@ input.modal-footer-btn {
|
|
|
97
99
|
text-indent: 0;
|
|
98
100
|
text-rendering: geometricPrecision;
|
|
99
101
|
text-transform: uppercase;
|
|
102
|
+
touch-action: manipulation;
|
|
100
103
|
vertical-align: middle;
|
|
101
104
|
width: 100%;
|
|
102
105
|
}
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
.nav > .pull-left { float: left; }
|
|
16
16
|
.nav > .pull-right { float: right; }
|
|
17
17
|
.nav > li > a {
|
|
18
|
-
color: $color-gray
|
|
18
|
+
color: $color-dark-gray;
|
|
19
19
|
display: block;
|
|
20
20
|
font-size: 14px;
|
|
21
21
|
font-weight: bold;
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
.nav > li > a:hover,
|
|
25
25
|
.nav > li > a:active,
|
|
26
26
|
.nav > li > a:focus {
|
|
27
|
-
color: $color-gray
|
|
27
|
+
color: $color-dark-gray;
|
|
28
28
|
text-decoration: none;
|
|
29
29
|
}
|
|
30
30
|
.nav-header {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
margin-right: -15px;
|
|
51
51
|
}
|
|
52
52
|
.nav-list > li > a {
|
|
53
|
-
color: $color-gray
|
|
53
|
+
color: $color-dark-gray;
|
|
54
54
|
font-weight: bold;
|
|
55
55
|
padding: 11px 15px;
|
|
56
56
|
}
|
|
@@ -61,13 +61,13 @@
|
|
|
61
61
|
.nav-list > .active > a:hover,
|
|
62
62
|
.nav-list > .active > a:active,
|
|
63
63
|
.nav-list > .active > a:focus {
|
|
64
|
-
background: $color-haze
|
|
64
|
+
background: $color-light-haze;
|
|
65
65
|
color: $color-primary;
|
|
66
66
|
}
|
|
67
67
|
.nav-list > .divider {
|
|
68
|
-
background: $color-haze
|
|
68
|
+
background: $color-light-haze;
|
|
69
69
|
height: 1px;
|
|
70
|
-
margin: 10px 0
|
|
70
|
+
margin: 10px 0;
|
|
71
71
|
overflow: hidden;
|
|
72
72
|
}
|
|
73
73
|
.nav-tabs:before,
|
|
@@ -100,9 +100,9 @@
|
|
|
100
100
|
}
|
|
101
101
|
.nav-tabs .open a.dropdown-toggle { background: $color-transparent; }
|
|
102
102
|
.nav-pills > li > a {
|
|
103
|
-
background: $color-haze
|
|
103
|
+
background: $color-light-haze;
|
|
104
104
|
border-radius: 2px;
|
|
105
|
-
color: $color-gray
|
|
105
|
+
color: $color-dark-gray;
|
|
106
106
|
margin-right: 3px;
|
|
107
107
|
padding: 9px 10px;
|
|
108
108
|
}
|
|
@@ -120,8 +120,8 @@
|
|
|
120
120
|
.nav-stacked > li > a { margin-right: 0; }
|
|
121
121
|
.nav-tabs.nav-stacked { border-bottom: 0; }
|
|
122
122
|
.nav-tabs.nav-stacked > li > a {
|
|
123
|
-
background: $color-haze
|
|
124
|
-
color: $color-gray
|
|
123
|
+
background: $color-light-haze;
|
|
124
|
+
color: $color-dark-gray;
|
|
125
125
|
padding: 10px 10px 8px 10px;
|
|
126
126
|
}
|
|
127
127
|
.nav-tabs.nav-stacked > li:first-child > a {
|
|
@@ -140,8 +140,8 @@
|
|
|
140
140
|
}
|
|
141
141
|
.nav-tabs.nav-stacked > .active > a {
|
|
142
142
|
background: $color-primary;
|
|
143
|
-
color: $color-white;
|
|
144
143
|
border-bottom: 0;
|
|
144
|
+
color: $color-white;
|
|
145
145
|
padding: 10px;
|
|
146
146
|
}
|
|
147
147
|
.nav-pills.nav-stacked > li > a {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
width: 100%;
|
|
25
25
|
}
|
|
26
26
|
.navbar > a {
|
|
27
|
-
color: $color-gray
|
|
27
|
+
color: $color-dark-gray;
|
|
28
28
|
display: table-cell;
|
|
29
29
|
float: none;
|
|
30
30
|
font-size: 27px;
|
|
@@ -41,13 +41,13 @@
|
|
|
41
41
|
================================================== */
|
|
42
42
|
.navbar-dark {
|
|
43
43
|
background: $color-black;
|
|
44
|
-
border-color: $color-black
|
|
44
|
+
border-color: $color-dark-black;
|
|
45
45
|
}
|
|
46
|
+
.navbar-dark > a { color: $color-white; }
|
|
46
47
|
.navbar-light {
|
|
47
|
-
background: $color-haze
|
|
48
|
-
border-color: $color-haze
|
|
48
|
+
background: $color-light-haze;
|
|
49
|
+
border-color: $color-dark-haze;
|
|
49
50
|
}
|
|
50
|
-
.navbar-dark > a { color: $color-white; }
|
|
51
51
|
|
|
52
52
|
/* # Media Queries
|
|
53
53
|
================================================== */
|
|
@@ -50,20 +50,23 @@
|
|
|
50
50
|
|
|
51
51
|
/* # Colors
|
|
52
52
|
================================================== */
|
|
53
|
-
.panel-dark
|
|
54
|
-
.panel-light { border-color: $color-haze-dark; }
|
|
53
|
+
.panel-dark,
|
|
55
54
|
.panel-dark .panel-header,
|
|
55
|
+
.panel-dark .panel-title,
|
|
56
|
+
.panel-dark .panel-body,
|
|
56
57
|
.panel-dark .panel-footer {
|
|
57
58
|
background: $color-black;
|
|
58
|
-
border-color: $color-black
|
|
59
|
+
border-color: $color-dark-black;
|
|
60
|
+
color: $color-white;
|
|
59
61
|
}
|
|
62
|
+
.panel-light,
|
|
60
63
|
.panel-light .panel-header,
|
|
64
|
+
.panel-light .panel-title,
|
|
65
|
+
.panel-light .panel-body,
|
|
61
66
|
.panel-light .panel-footer {
|
|
62
|
-
background: $color-haze
|
|
63
|
-
border-color: $color-haze
|
|
67
|
+
background: $color-light-haze;
|
|
68
|
+
border-color: $color-dark-haze;
|
|
64
69
|
}
|
|
65
|
-
.panel-dark .panel-title,
|
|
66
|
-
.panel-dark .panel-footer { color: $color-white; }
|
|
67
70
|
|
|
68
71
|
/* # Media Queries
|
|
69
72
|
================================================== */
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
width: 120px;
|
|
19
19
|
}
|
|
20
20
|
.placeholder > h6 {
|
|
21
|
-
color: $color-gray
|
|
21
|
+
color: $color-dark-gray;
|
|
22
22
|
letter-spacing: 1px;
|
|
23
23
|
text-transform: uppercase;
|
|
24
24
|
}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
================================================== */
|
|
33
33
|
.placeholder-large > i {
|
|
34
34
|
background: $color-transparent;
|
|
35
|
-
color: $color-gray
|
|
35
|
+
color: $color-dark-gray;
|
|
36
36
|
display: inline-block;
|
|
37
37
|
font-size: 256px;
|
|
38
38
|
height: initial;
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
width: initial;
|
|
41
41
|
}
|
|
42
42
|
.placeholder-divider {
|
|
43
|
-
background: $color-haze
|
|
43
|
+
background: $color-light-haze;
|
|
44
44
|
border-radius: 500px;
|
|
45
45
|
height: 8px;
|
|
46
46
|
margin: 20px auto;
|
|
@@ -53,6 +53,6 @@
|
|
|
53
53
|
.placeholder-divider { width: 75%; }
|
|
54
54
|
.placeholder-large > i {
|
|
55
55
|
font-size: 196px;
|
|
56
|
-
line-height:
|
|
56
|
+
line-height: 1;
|
|
57
57
|
}
|
|
58
58
|
}
|
|
@@ -5,22 +5,22 @@
|
|
|
5
5
|
/* # Popover
|
|
6
6
|
================================================== */
|
|
7
7
|
.popover {
|
|
8
|
-
background-clip: padding-box;
|
|
9
8
|
background: $color-white;
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
background-clip: padding-box;
|
|
10
|
+
border: 1px solid $color-dark-haze;
|
|
11
|
+
box-shadow: 0 0 3px $color-dark-haze;
|
|
12
12
|
display: none;
|
|
13
13
|
float: none;
|
|
14
14
|
font-style: normal;
|
|
15
|
-
letter-spacing: 0;
|
|
16
15
|
left: 0;
|
|
16
|
+
letter-spacing: 0;
|
|
17
17
|
position: absolute;
|
|
18
18
|
text-align: left;
|
|
19
19
|
text-decoration: none;
|
|
20
20
|
text-transform: none;
|
|
21
21
|
top: 0;
|
|
22
|
-
width: 276px;
|
|
23
22
|
white-space: normal;
|
|
23
|
+
width: 276px;
|
|
24
24
|
z-index: 1060;
|
|
25
25
|
}
|
|
26
26
|
.popover.top { margin-top: -10px; }
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
padding: 10px 15px;
|
|
38
38
|
}
|
|
39
39
|
.popover-title {
|
|
40
|
-
background: $color-haze
|
|
41
|
-
border-bottom: 1px solid $color-haze
|
|
40
|
+
background: $color-light-haze;
|
|
41
|
+
border-bottom: 1px solid $color-dark-haze;
|
|
42
42
|
font-weight: bold;
|
|
43
43
|
line-height: 18px;
|
|
44
44
|
}
|
|
@@ -1,19 +1,71 @@
|
|
|
1
1
|
/* Table of Contents
|
|
2
2
|
==================================================
|
|
3
|
-
#
|
|
3
|
+
# Variables
|
|
4
|
+
# Keyframes
|
|
5
|
+
# Progress
|
|
6
|
+
# Colors
|
|
7
|
+
# Animations */
|
|
4
8
|
|
|
5
|
-
/* #
|
|
9
|
+
/* # Variables
|
|
10
|
+
================================================== */
|
|
11
|
+
$colors: (
|
|
12
|
+
dark-black: $color-dark-black,
|
|
13
|
+
black: $color-black,
|
|
14
|
+
light-black: $color-light-black,
|
|
15
|
+
dark-gray: $color-dark-gray,
|
|
16
|
+
gray: $color-gray,
|
|
17
|
+
light-gray: $color-light-gray,
|
|
18
|
+
dark-haze: $color-dark-haze,
|
|
19
|
+
haze: $color-haze,
|
|
20
|
+
light-haze: $color-light-haze,
|
|
21
|
+
white: $color-white,
|
|
22
|
+
dark-lime: $color-dark-lime,
|
|
23
|
+
lime: $color-lime,
|
|
24
|
+
light-lime: $color-light-lime,
|
|
25
|
+
dark-green: $color-dark-green,
|
|
26
|
+
green: $color-green,
|
|
27
|
+
light-green: $color-light-green,
|
|
28
|
+
dark-teal: $color-dark-teal,
|
|
29
|
+
teal: $color-teal,
|
|
30
|
+
light-teal: $color-light-teal,
|
|
31
|
+
dark-blue: $color-dark-blue,
|
|
32
|
+
blue: $color-blue,
|
|
33
|
+
light-blue: $color-light-blue,
|
|
34
|
+
dark-indigo: $color-dark-indigo,
|
|
35
|
+
indigo: $color-indigo,
|
|
36
|
+
light-indigo: $color-light-indigo,
|
|
37
|
+
dark-purple: $color-dark-purple,
|
|
38
|
+
purple: $color-purple,
|
|
39
|
+
light-purple: $color-light-purple,
|
|
40
|
+
dark-pink: $color-dark-pink,
|
|
41
|
+
pink: $color-pink,
|
|
42
|
+
light-pink: $color-light-pink,
|
|
43
|
+
dark-red: $color-dark-red,
|
|
44
|
+
red: $color-red,
|
|
45
|
+
light-red: $color-light-red,
|
|
46
|
+
orange: $color-orange,
|
|
47
|
+
dark-orange: $color-dark-orange,
|
|
48
|
+
light-orange: $color-light-orange,
|
|
49
|
+
dark-yellow: $color-dark-yellow,
|
|
50
|
+
yellow: $color-yellow,
|
|
51
|
+
light-yellow: $color-light-yellow
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
/* # Keyframes
|
|
6
55
|
================================================== */
|
|
7
|
-
@-webkit-keyframes
|
|
56
|
+
@-webkit-keyframes progress-bar-stripes {
|
|
8
57
|
from { background-position: 40px 0; }
|
|
9
58
|
to { background-position: 0 0; }
|
|
10
59
|
}
|
|
11
|
-
@keyframes
|
|
60
|
+
@keyframes progress-bar-stripes {
|
|
12
61
|
from { background-position: 40px 0; }
|
|
13
62
|
to { background-position: 0 0; }
|
|
14
63
|
}
|
|
64
|
+
|
|
65
|
+
/* # Progress
|
|
66
|
+
================================================== */
|
|
15
67
|
.progress {
|
|
16
|
-
background: $color-haze
|
|
68
|
+
background: $color-light-haze;
|
|
17
69
|
border-radius: 500px;
|
|
18
70
|
height: 25px;
|
|
19
71
|
overflow: hidden;
|
|
@@ -26,21 +78,31 @@
|
|
|
26
78
|
font-size: 13px;
|
|
27
79
|
height: 100%;
|
|
28
80
|
-webkit-transition: width 0.6s ease;
|
|
29
|
-
|
|
81
|
+
-ms-transition: width 0.6s ease;
|
|
82
|
+
transition: width 0.6s ease;
|
|
30
83
|
text-align: center;
|
|
31
84
|
width: 0;
|
|
32
85
|
}
|
|
33
|
-
.progress
|
|
34
|
-
|
|
35
|
-
|
|
86
|
+
.progress-mini { height: 8px; }
|
|
87
|
+
|
|
88
|
+
/* # Colors
|
|
89
|
+
================================================== */
|
|
90
|
+
@each $name, $color in $colors {
|
|
91
|
+
.progress > .bar-#{$name} { background: $color; }
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/* # Animations
|
|
95
|
+
================================================== */
|
|
96
|
+
.progress > .bar-striped {
|
|
36
97
|
background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, $color-transparent 25%, $color-transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, $color-transparent 75%, $color-transparent);
|
|
37
|
-
background-image:
|
|
98
|
+
background-image: -ms-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, $color-transparent 25%, $color-transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, $color-transparent 75%, $color-transparent);
|
|
99
|
+
background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, $color-transparent 25%, $color-transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, $color-transparent 75%, $color-transparent);
|
|
38
100
|
-webkit-background-size: 40px 40px;
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
.progress > .bar-striped.active,
|
|
42
|
-
.progress > .bar-striped.secondary.active {
|
|
43
|
-
-webkit-animation: progressBarStripes 2s linear infinite;
|
|
44
|
-
animation: progressBarStripes 2s linear infinite;
|
|
101
|
+
-ms-background-size: 40px 40px;
|
|
102
|
+
background-size: 40px 40px;
|
|
45
103
|
}
|
|
46
|
-
.progress-
|
|
104
|
+
.progress > .bar-striped.active {
|
|
105
|
+
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
106
|
+
-ms-animation: progress-bar-stripes 2s linear infinite;
|
|
107
|
+
animation: progress-bar-stripes 2s linear infinite;
|
|
108
|
+
}
|
|
@@ -84,12 +84,15 @@ body {
|
|
|
84
84
|
font-smooth: always;
|
|
85
85
|
height: 100%;
|
|
86
86
|
-webkit-overflow-scrolling: touch;
|
|
87
|
-
|
|
87
|
+
-ms-overflow-scrolling: touch;
|
|
88
|
+
overflow-scrolling: touch;
|
|
88
89
|
-webkit-tap-highlight-color: $color-transparent;
|
|
89
|
-
|
|
90
|
+
-ms-tap-highlight-color: $color-transparent;
|
|
91
|
+
tap-highlight-color: $color-transparent;
|
|
90
92
|
text-rendering: optimizeLegibility;
|
|
91
93
|
-webkit-text-size-adjust: 100%;
|
|
92
|
-
|
|
94
|
+
-ms-text-size-adjust: 100%;
|
|
95
|
+
text-size-adjust: 100%;
|
|
93
96
|
}
|
|
94
97
|
html { background: $color-white; }
|
|
95
98
|
::-moz-selection {
|
|
@@ -104,5 +107,5 @@ html { background: $color-white; }
|
|
|
104
107
|
/* # Color
|
|
105
108
|
================================================== */
|
|
106
109
|
.html-dark { background: $color-black; }
|
|
107
|
-
.html-light { background: $color-
|
|
110
|
+
.html-light { background: $color-dark-white; }
|
|
108
111
|
.html-white { background: $color-white; }
|
|
@@ -40,7 +40,8 @@
|
|
|
40
40
|
.sidebar-content {
|
|
41
41
|
height: calc(100% - 54px);
|
|
42
42
|
-webkit-overflow-scrolling: touch;
|
|
43
|
-
|
|
43
|
+
-ms-overflow-scrolling: touch;
|
|
44
|
+
overflow-scrolling: touch;
|
|
44
45
|
overflow-x: hidden;
|
|
45
46
|
overflow-y: auto;
|
|
46
47
|
padding: 10px 20px 10px 10px;
|
|
@@ -50,11 +51,12 @@
|
|
|
50
51
|
padding-left: 20px;
|
|
51
52
|
}
|
|
52
53
|
.sidebar-scrollable {
|
|
53
|
-
border-bottom: 1px solid $color-haze
|
|
54
|
+
border-bottom: 1px solid $color-light-haze;
|
|
54
55
|
height: auto;
|
|
55
56
|
max-height: calc(50% - 54px);
|
|
56
57
|
-webkit-overflow-scrolling: touch;
|
|
57
|
-
|
|
58
|
+
-ms-overflow-scrolling: touch;
|
|
59
|
+
overflow-scrolling: touch;
|
|
58
60
|
overflow-y: auto;
|
|
59
61
|
}
|
|
60
62
|
|
|
@@ -62,19 +64,19 @@
|
|
|
62
64
|
================================================== */
|
|
63
65
|
.sidebar-dark {
|
|
64
66
|
background: $color-black;
|
|
65
|
-
border-color: $color-black
|
|
66
|
-
}
|
|
67
|
-
.sidebar-light {
|
|
68
|
-
background: $color-haze-light;
|
|
69
|
-
border-color: $color-haze-dark;
|
|
67
|
+
border-color: $color-dark-black;
|
|
70
68
|
}
|
|
71
69
|
.sidebar-dark.sidebar-alt,
|
|
72
70
|
.sidebar-dark > .sidebar-header,
|
|
73
|
-
.sidebar-dark > .sidebar-scrollable { border-color: $color-black
|
|
71
|
+
.sidebar-dark > .sidebar-scrollable { border-color: $color-dark-black; }
|
|
74
72
|
.sidebar-dark > .sidebar-header > h6 { color: $color-white; }
|
|
73
|
+
.sidebar-light {
|
|
74
|
+
background: $color-light-haze;
|
|
75
|
+
border-color: $color-dark-haze;
|
|
76
|
+
}
|
|
75
77
|
.sidebar-light.sidebar-alt,
|
|
76
78
|
.sidebar-light > .sidebar-header,
|
|
77
|
-
.sidebar-light > .sidebar-scrollable { border-color: $color-haze
|
|
79
|
+
.sidebar-light > .sidebar-scrollable { border-color: $color-dark-haze; }
|
|
78
80
|
|
|
79
81
|
/* # Media Queries
|
|
80
82
|
================================================== */
|