@transferwise/neptune-css 14.24.4 → 14.24.6
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.
- package/dist/css/accordion.css +0 -4
- package/dist/css/button-groups.css +179 -92
- package/dist/css/buttons.css +0 -4
- package/dist/css/decision.css +43 -24
- package/dist/css/dropdowns.css +97 -51
- package/dist/css/droppable.css +91 -47
- package/dist/css/footer.css +43 -24
- package/dist/css/input-groups.css +2 -6
- package/dist/css/list-group.css +119 -62
- package/dist/css/navbar.css +0 -4
- package/dist/css/neptune-core.css +6 -60
- package/dist/css/neptune.css +24 -91
- package/dist/css/popovers.css +215 -110
- package/dist/css/tooltip.css +49 -27
- package/dist/less/neptune-tokens.less +2 -2
- package/dist/props/neptune-tokens.css +1 -1
- package/package.json +5 -5
package/dist/css/footer.css
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
}@media (min-width: 768px) {
|
|
3
|
-
}.footer {
|
|
1
|
+
.footer {
|
|
4
2
|
background-color: rgba(134,167,189,0.10196);
|
|
5
3
|
background-color: var(--color-background-neutral);
|
|
6
4
|
font-size: 0.875rem;
|
|
@@ -13,21 +11,24 @@
|
|
|
13
11
|
padding-top: calc(var(--size-8) * 10);
|
|
14
12
|
padding-bottom: calc(8px * 10);
|
|
15
13
|
padding-bottom: calc(var(--size-8) * 10);
|
|
16
|
-
}
|
|
14
|
+
}
|
|
15
|
+
@media (min-width: 576px) {
|
|
17
16
|
.footer {
|
|
18
17
|
padding-top: calc(8px * 15);
|
|
19
18
|
padding-top: calc(var(--size-8) * 15);
|
|
20
19
|
padding-bottom: calc(8px * 15);
|
|
21
20
|
padding-bottom: calc(var(--size-8) * 15);
|
|
22
21
|
}
|
|
23
|
-
}
|
|
22
|
+
}
|
|
23
|
+
@media (min-width: 992px) {
|
|
24
24
|
.footer {
|
|
25
25
|
padding-top: calc(8px * 20);
|
|
26
26
|
padding-top: calc(var(--size-8) * 20);
|
|
27
27
|
padding-bottom: calc(8px * 20);
|
|
28
28
|
padding-bottom: calc(var(--size-8) * 20);
|
|
29
29
|
}
|
|
30
|
-
}
|
|
30
|
+
}
|
|
31
|
+
.footer .footer-link,
|
|
31
32
|
.footer .link-icon {
|
|
32
33
|
color: #5d7079;
|
|
33
34
|
color: var(--color-content-secondary);
|
|
@@ -37,7 +38,8 @@
|
|
|
37
38
|
letter-spacing: -0.006em;
|
|
38
39
|
font-weight: 400;
|
|
39
40
|
font-weight: var(--font-weight-regular);
|
|
40
|
-
}
|
|
41
|
+
}
|
|
42
|
+
.footer .footer-link:hover,
|
|
41
43
|
.footer .link-icon:hover,
|
|
42
44
|
.footer .footer-link:active,
|
|
43
45
|
.footer .link-icon:active,
|
|
@@ -45,65 +47,82 @@
|
|
|
45
47
|
.footer .link-icon:focus {
|
|
46
48
|
color: #5d7079;
|
|
47
49
|
color: var(--color-content-secondary);
|
|
48
|
-
}
|
|
50
|
+
}
|
|
51
|
+
.footer .footer-title {
|
|
49
52
|
color: #37517e;
|
|
50
53
|
color: var(--color-content-primary);
|
|
51
|
-
}
|
|
54
|
+
}
|
|
55
|
+
.footer .footer-title .footer-link {
|
|
52
56
|
color: #37517e;
|
|
53
57
|
color: var(--color-content-primary);
|
|
54
|
-
}
|
|
58
|
+
}
|
|
59
|
+
.footer .footer-title .footer-link:hover,
|
|
55
60
|
.footer .footer-title .footer-link:active,
|
|
56
61
|
.footer .footer-title .footer-link:focus {
|
|
57
62
|
color: #37517e;
|
|
58
63
|
color: var(--color-content-primary);
|
|
59
|
-
}
|
|
64
|
+
}
|
|
65
|
+
.footer .logo {
|
|
60
66
|
color: transparent;
|
|
61
|
-
}
|
|
67
|
+
}
|
|
68
|
+
.footer .icon {
|
|
62
69
|
margin: 0 5px;
|
|
63
70
|
font-size: 32px !important;
|
|
64
71
|
width: 24px;
|
|
65
|
-
}
|
|
72
|
+
}
|
|
73
|
+
.footer .link-icon {
|
|
66
74
|
-webkit-text-decoration: none;
|
|
67
75
|
text-decoration: none;
|
|
68
|
-
}
|
|
76
|
+
}
|
|
77
|
+
.footer .link-icon svg {
|
|
69
78
|
fill: #5d7079;
|
|
70
79
|
fill: var(--color-content-secondary);
|
|
71
|
-
}
|
|
80
|
+
}
|
|
81
|
+
.footer .link-icon svg:hover,
|
|
72
82
|
.footer .link-icon svg:active,
|
|
73
83
|
.footer .link-icon svg:focus {
|
|
74
84
|
fill: #5d7079;
|
|
75
85
|
fill: var(--color-content-secondary);
|
|
76
|
-
}
|
|
86
|
+
}
|
|
87
|
+
.footer.footer-inverse {
|
|
77
88
|
background: #37517e;
|
|
78
|
-
}
|
|
89
|
+
}
|
|
90
|
+
.footer.footer-inverse .footer-link,
|
|
79
91
|
.footer.footer-inverse .link-icon {
|
|
80
92
|
color: #ffffff;
|
|
81
|
-
}
|
|
93
|
+
}
|
|
94
|
+
.footer.footer-inverse .footer-link:hover,
|
|
82
95
|
.footer.footer-inverse .link-icon:hover,
|
|
83
96
|
.footer.footer-inverse .footer-link:active,
|
|
84
97
|
.footer.footer-inverse .link-icon:active,
|
|
85
98
|
.footer.footer-inverse .footer-link:focus,
|
|
86
99
|
.footer.footer-inverse .link-icon:focus {
|
|
87
100
|
color: #ffffff;
|
|
88
|
-
}
|
|
101
|
+
}
|
|
102
|
+
.footer.footer-inverse .footer-link svg,
|
|
89
103
|
.footer.footer-inverse .link-icon svg {
|
|
90
104
|
fill: #ffffff;
|
|
91
|
-
}
|
|
105
|
+
}
|
|
106
|
+
.footer.footer-inverse .footer-link svg:hover,
|
|
92
107
|
.footer.footer-inverse .link-icon svg:hover,
|
|
93
108
|
.footer.footer-inverse .footer-link svg:active,
|
|
94
109
|
.footer.footer-inverse .link-icon svg:active,
|
|
95
110
|
.footer.footer-inverse .footer-link svg:focus,
|
|
96
111
|
.footer.footer-inverse .link-icon svg:focus {
|
|
97
112
|
fill: #ffffff;
|
|
98
|
-
}
|
|
113
|
+
}
|
|
114
|
+
.footer.footer-inverse .footer-title {
|
|
99
115
|
color: #ffffff;
|
|
100
|
-
}
|
|
116
|
+
}
|
|
117
|
+
.footer.footer-inverse hr {
|
|
101
118
|
opacity: 0.1;
|
|
102
|
-
}
|
|
119
|
+
}
|
|
120
|
+
.footer.footer-inverse .tiny,
|
|
103
121
|
.footer.footer-inverse .body-3,
|
|
104
122
|
.footer.footer-inverse .np-text-body-default {
|
|
105
123
|
color: #ffffff;
|
|
106
|
-
}
|
|
124
|
+
}
|
|
125
|
+
@media (max-width: 575px) {
|
|
107
126
|
.footer {
|
|
108
127
|
position: relative;
|
|
109
128
|
}
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
.btn-sm {
|
|
2
2
|
height: 32px;
|
|
3
3
|
}
|
|
4
|
-
@media (min-width: 768px) {
|
|
5
|
-
}
|
|
6
|
-
@media (min-width: 768px) {
|
|
7
|
-
}
|
|
8
4
|
form {
|
|
9
5
|
margin-bottom: 0;
|
|
10
6
|
}
|
|
@@ -1782,12 +1778,12 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
|
|
|
1782
1778
|
.np-checkbox.checkbox > label {
|
|
1783
1779
|
display: flex;
|
|
1784
1780
|
align-items: center;
|
|
1785
|
-
padding: 8px 16px;
|
|
1781
|
+
padding: 8px 16px ;
|
|
1786
1782
|
padding: var(--size-8) var(--size-16) ;
|
|
1787
1783
|
}
|
|
1788
1784
|
[dir="rtl"] .np-radio.radio > label,
|
|
1789
1785
|
[dir="rtl"] .np-checkbox.checkbox > label {
|
|
1790
|
-
padding: 8px 16px;
|
|
1786
|
+
padding: 8px 16px ;
|
|
1791
1787
|
padding: var(--size-8) var(--size-16) ;
|
|
1792
1788
|
}
|
|
1793
1789
|
.np-radio.radio > label .np-checkbox__text,
|
package/dist/css/list-group.css
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
}@media (min-width: 768px) {
|
|
3
|
-
}.list-group {
|
|
1
|
+
.list-group {
|
|
4
2
|
list-style-type: none;
|
|
5
3
|
margin-bottom: 20px;
|
|
6
4
|
padding-left: 0;
|
|
@@ -8,11 +6,13 @@
|
|
|
8
6
|
border-left: 1px solid var(--color-border-neutral);
|
|
9
7
|
border-right: 1px solid rgba(0,0,0,0.10196);
|
|
10
8
|
border-right: 1px solid var(--color-border-neutral);
|
|
11
|
-
}
|
|
9
|
+
}
|
|
10
|
+
[dir="rtl"] .list-group {
|
|
12
11
|
padding-right: 0;
|
|
13
12
|
padding-left: 0;
|
|
14
13
|
padding-left: initial;
|
|
15
|
-
}
|
|
14
|
+
}
|
|
15
|
+
.list-group-item {
|
|
16
16
|
display: block;
|
|
17
17
|
padding: 16px 16px 16px 14px;
|
|
18
18
|
background-color: #ffffff;
|
|
@@ -21,29 +21,36 @@
|
|
|
21
21
|
line-height: 1.5;
|
|
22
22
|
line-height: var(--line-height-body);
|
|
23
23
|
transition: all ease 0.15s;
|
|
24
|
-
}
|
|
24
|
+
}
|
|
25
|
+
[dir="rtl"] .list-group-item {
|
|
25
26
|
padding: 16px 14px 16px 16px;
|
|
26
|
-
}
|
|
27
|
+
}
|
|
28
|
+
[dir="rtl"] .list-group-item {
|
|
27
29
|
border-right: 2px solid transparent;
|
|
28
|
-
}
|
|
30
|
+
}
|
|
31
|
+
html:not([dir="rtl"]) .list-group-item {
|
|
29
32
|
border-left: 2px solid transparent;
|
|
30
|
-
}
|
|
33
|
+
}
|
|
34
|
+
.panel-group .list-group-item {
|
|
31
35
|
margin-top: 0;
|
|
32
|
-
}
|
|
36
|
+
}
|
|
37
|
+
@media (min-width: 576px) {
|
|
33
38
|
.list-group-item {
|
|
34
39
|
padding: 24px 24px 24px 22px;
|
|
35
40
|
}
|
|
36
41
|
[dir="rtl"] .list-group-item {
|
|
37
42
|
padding: 24px 22px 24px 24px;
|
|
38
43
|
}
|
|
39
|
-
}
|
|
44
|
+
}
|
|
45
|
+
@media (min-width: 992px) {
|
|
40
46
|
.list-group-item {
|
|
41
47
|
padding: 32px 32px 32px 30px;
|
|
42
48
|
}
|
|
43
49
|
[dir="rtl"] .list-group-item {
|
|
44
50
|
padding: 32px 30px 32px 32px;
|
|
45
51
|
}
|
|
46
|
-
}
|
|
52
|
+
}
|
|
53
|
+
.list-group-item-heading {
|
|
47
54
|
margin-bottom: 0;
|
|
48
55
|
margin: 0;
|
|
49
56
|
line-height: 1.2;
|
|
@@ -57,7 +64,8 @@
|
|
|
57
64
|
line-height: 140%;
|
|
58
65
|
color: #37517e;
|
|
59
66
|
color: var(--color-content-primary);
|
|
60
|
-
}
|
|
67
|
+
}
|
|
68
|
+
@supports (hyphenate-limit-chars: 1) {
|
|
61
69
|
.list-group-item-heading {
|
|
62
70
|
-webkit-hyphens: auto;
|
|
63
71
|
hyphens: auto;
|
|
@@ -73,7 +81,8 @@
|
|
|
73
81
|
hyphenate-limit-chars: 10 4 3;
|
|
74
82
|
}
|
|
75
83
|
}
|
|
76
|
-
}
|
|
84
|
+
}
|
|
85
|
+
@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
|
|
77
86
|
.list-group-item-heading {
|
|
78
87
|
-webkit-hyphens: auto;
|
|
79
88
|
hyphens: auto;
|
|
@@ -85,24 +94,29 @@
|
|
|
85
94
|
-webkit-hyphenate-limit-before: 4;
|
|
86
95
|
}
|
|
87
96
|
}
|
|
88
|
-
}
|
|
97
|
+
}
|
|
98
|
+
.list-group-item-heading + p,
|
|
89
99
|
.list-group-item-heading + ul:not(.list-unstyled),
|
|
90
100
|
.list-group-item-heading + ol:not(.list-unstyled) {
|
|
91
101
|
margin-top: 8px;
|
|
92
102
|
margin-top: var(--size-8);
|
|
93
|
-
}
|
|
103
|
+
}
|
|
104
|
+
.list-group-item-text {
|
|
94
105
|
margin-bottom: 0;
|
|
95
106
|
color: #5d7079;
|
|
96
107
|
color: var(--color-content-secondary);
|
|
97
|
-
}
|
|
108
|
+
}
|
|
109
|
+
a.list-group-item {
|
|
98
110
|
color: #0097c7;
|
|
99
111
|
color: var(--color-content-accent);
|
|
100
112
|
-webkit-text-decoration: none;
|
|
101
113
|
text-decoration: none;
|
|
102
|
-
}
|
|
114
|
+
}
|
|
115
|
+
a.list-group-item .list-group-item-heading {
|
|
103
116
|
color: #0097c7;
|
|
104
117
|
color: var(--color-content-accent);
|
|
105
|
-
}
|
|
118
|
+
}
|
|
119
|
+
a.list-group-item:not(.disabled):not(:disabled):hover,
|
|
106
120
|
a.list-group-item:not(.disabled):not(:disabled):focus {
|
|
107
121
|
-webkit-text-decoration: none;
|
|
108
122
|
text-decoration: none;
|
|
@@ -110,11 +124,14 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
|
|
|
110
124
|
color: var(--color-content-accent-hover);
|
|
111
125
|
background-color: rgba(134,167,189,0.10196);
|
|
112
126
|
background-color: var(--color-background-neutral);
|
|
113
|
-
}
|
|
127
|
+
}
|
|
128
|
+
.list-group-item[ng-click] {
|
|
114
129
|
cursor: pointer;
|
|
115
|
-
}
|
|
130
|
+
}
|
|
131
|
+
.list-group-item[ng-click]:hover {
|
|
116
132
|
will-change: margin, contents;
|
|
117
|
-
}
|
|
133
|
+
}
|
|
134
|
+
.list-group-item.active {
|
|
118
135
|
z-index: 2;
|
|
119
136
|
background-color: #ffffff;
|
|
120
137
|
background-color: var(--color-background-elevated);
|
|
@@ -124,15 +141,19 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
|
|
|
124
141
|
margin-top: var(--size-24);
|
|
125
142
|
margin-bottom: 24px;
|
|
126
143
|
margin-bottom: var(--size-24);
|
|
127
|
-
}
|
|
144
|
+
}
|
|
145
|
+
.list-group-item.active:first-child {
|
|
128
146
|
margin-top: 1px;
|
|
129
|
-
}
|
|
147
|
+
}
|
|
148
|
+
.list-group-item.active:last-child {
|
|
130
149
|
margin-bottom: 0;
|
|
131
|
-
}
|
|
150
|
+
}
|
|
151
|
+
.np-theme-personal--forest-green .list-group-item.active,
|
|
132
152
|
.np-theme-personal--bright-green .list-group-item.active,
|
|
133
153
|
.np-theme-personal--dark .list-group-item.active {
|
|
134
154
|
box-shadow: none;
|
|
135
|
-
}
|
|
155
|
+
}
|
|
156
|
+
@media (min-width: 768px) {
|
|
136
157
|
.list-group-item.active {
|
|
137
158
|
margin-left: -12px;
|
|
138
159
|
margin-right: -12px;
|
|
@@ -140,117 +161,153 @@ a.list-group-item:not(.disabled):not(:disabled):focus {
|
|
|
140
161
|
.list-group-item .media-body {
|
|
141
162
|
transition: padding ease 0.15s;
|
|
142
163
|
}
|
|
143
|
-
}
|
|
164
|
+
}
|
|
165
|
+
.list-group-inactive .list-group-item {
|
|
144
166
|
background-color: transparent;
|
|
145
167
|
margin-top: 0;
|
|
146
|
-
}
|
|
168
|
+
}
|
|
169
|
+
.list-group-inactive .list-group-item:hover,
|
|
147
170
|
.list-group-inactive .list-group-item.active {
|
|
148
171
|
background-color: #ffffff;
|
|
149
172
|
background-color: var(--color-background-screen);
|
|
150
|
-
}
|
|
173
|
+
}
|
|
174
|
+
@media (min-width: 576px) {
|
|
151
175
|
.list-group-inactive .list-group-item:hover .circle,
|
|
152
176
|
.list-group-inactive .list-group-item.active .circle {
|
|
153
177
|
background-color: rgba(134,167,189,0.10196);
|
|
154
178
|
background-color: var(--color-background-neutral);
|
|
155
179
|
}
|
|
156
|
-
}
|
|
180
|
+
}
|
|
181
|
+
.list-group-inactive .list-group-item.active {
|
|
157
182
|
margin-top: 24px;
|
|
158
183
|
margin-top: var(--size-24);
|
|
159
|
-
}
|
|
184
|
+
}
|
|
185
|
+
[dir="rtl"] .list-group-item-success {
|
|
160
186
|
border-right: 3px solid #008026;
|
|
161
187
|
border-right: 3px solid var(--color-content-positive);
|
|
162
|
-
}
|
|
188
|
+
}
|
|
189
|
+
html:not([dir="rtl"]) .list-group-item-success {
|
|
163
190
|
border-left: 3px solid #008026;
|
|
164
191
|
border-left: 3px solid var(--color-content-positive);
|
|
165
|
-
}
|
|
192
|
+
}
|
|
193
|
+
.list-group-item.list-group-item-success {
|
|
166
194
|
background-color: #ffffff;
|
|
167
195
|
background-color: var(--color-background-screen);
|
|
168
|
-
}
|
|
196
|
+
}
|
|
197
|
+
.list-group-item-success .list-group-item-text {
|
|
169
198
|
color: #008026;
|
|
170
199
|
color: var(--color-content-positive);
|
|
171
|
-
}
|
|
200
|
+
}
|
|
201
|
+
a.list-group-item-success {
|
|
172
202
|
color: #008026;
|
|
173
203
|
color: var(--color-content-positive);
|
|
174
|
-
}
|
|
204
|
+
}
|
|
205
|
+
a.list-group-item-success:hover {
|
|
175
206
|
color: #008026;
|
|
176
207
|
color: var(--color-content-positive);
|
|
177
|
-
}
|
|
208
|
+
}
|
|
209
|
+
[dir="rtl"] .list-group-item-info {
|
|
178
210
|
border-right: 3px solid #0097c7;
|
|
179
211
|
border-right: 3px solid var(--color-content-accent);
|
|
180
|
-
}
|
|
212
|
+
}
|
|
213
|
+
html:not([dir="rtl"]) .list-group-item-info {
|
|
181
214
|
border-left: 3px solid #0097c7;
|
|
182
215
|
border-left: 3px solid var(--color-content-accent);
|
|
183
|
-
}
|
|
216
|
+
}
|
|
217
|
+
.list-group-item.list-group-item-info {
|
|
184
218
|
background-color: #ffffff;
|
|
185
219
|
background-color: var(--color-background-screen);
|
|
186
|
-
}
|
|
220
|
+
}
|
|
221
|
+
.list-group-item-info .list-group-item-text {
|
|
187
222
|
color: #0097c7;
|
|
188
223
|
color: var(--color-content-accent);
|
|
189
|
-
}
|
|
224
|
+
}
|
|
225
|
+
a.list-group-item-info {
|
|
190
226
|
color: #0097c7;
|
|
191
227
|
color: var(--color-content-accent);
|
|
192
|
-
}
|
|
228
|
+
}
|
|
229
|
+
a.list-group-item-info:hover {
|
|
193
230
|
color: #0097c7;
|
|
194
231
|
color: var(--color-content-accent);
|
|
195
|
-
}
|
|
232
|
+
}
|
|
233
|
+
[dir="rtl"] .list-group-item-warning {
|
|
196
234
|
border-right: 3px solid #9a6500;
|
|
197
235
|
border-right: 3px solid var(--color-content-warning);
|
|
198
|
-
}
|
|
236
|
+
}
|
|
237
|
+
html:not([dir="rtl"]) .list-group-item-warning {
|
|
199
238
|
border-left: 3px solid #9a6500;
|
|
200
239
|
border-left: 3px solid var(--color-content-warning);
|
|
201
|
-
}
|
|
240
|
+
}
|
|
241
|
+
.list-group-item.list-group-item-warning {
|
|
202
242
|
background-color: #ffffff;
|
|
203
243
|
background-color: var(--color-background-screen);
|
|
204
|
-
}
|
|
244
|
+
}
|
|
245
|
+
.list-group-item-warning .list-group-item-text {
|
|
205
246
|
color: #9a6500;
|
|
206
247
|
color: var(--color-content-warning);
|
|
207
|
-
}
|
|
248
|
+
}
|
|
249
|
+
a.list-group-item-warning {
|
|
208
250
|
color: #9a6500;
|
|
209
251
|
color: var(--color-content-warning);
|
|
210
|
-
}
|
|
252
|
+
}
|
|
253
|
+
a.list-group-item-warning:hover {
|
|
211
254
|
color: #9a6500;
|
|
212
255
|
color: var(--color-content-warning);
|
|
213
|
-
}
|
|
256
|
+
}
|
|
257
|
+
[dir="rtl"] .list-group-item-danger {
|
|
214
258
|
border-right: 3px solid #cf2929;
|
|
215
259
|
border-right: 3px solid var(--color-content-negative);
|
|
216
|
-
}
|
|
260
|
+
}
|
|
261
|
+
html:not([dir="rtl"]) .list-group-item-danger {
|
|
217
262
|
border-left: 3px solid #cf2929;
|
|
218
263
|
border-left: 3px solid var(--color-content-negative);
|
|
219
|
-
}
|
|
264
|
+
}
|
|
265
|
+
.list-group-item.list-group-item-danger {
|
|
220
266
|
background-color: #ffffff;
|
|
221
267
|
background-color: var(--color-background-screen);
|
|
222
|
-
}
|
|
268
|
+
}
|
|
269
|
+
.list-group-item-danger .list-group-item-text {
|
|
223
270
|
color: #cf2929;
|
|
224
271
|
color: var(--color-content-negative);
|
|
225
|
-
}
|
|
272
|
+
}
|
|
273
|
+
a.list-group-item-danger {
|
|
226
274
|
color: #cf2929;
|
|
227
275
|
color: var(--color-content-negative);
|
|
228
|
-
}
|
|
276
|
+
}
|
|
277
|
+
a.list-group-item-danger:hover {
|
|
229
278
|
color: #cf2929;
|
|
230
279
|
color: var(--color-content-negative);
|
|
231
|
-
}
|
|
280
|
+
}
|
|
281
|
+
.list-group:hover .list-group-item:not(.active) {
|
|
232
282
|
background-color: #fbfcfd;
|
|
233
|
-
}
|
|
283
|
+
}
|
|
284
|
+
.list-group:hover .list-group-item:not(.active) .media {
|
|
234
285
|
opacity: 0.94;
|
|
235
|
-
}
|
|
286
|
+
}
|
|
287
|
+
.list-group:hover .list-group-item:hover {
|
|
236
288
|
background-color: #ffffff;
|
|
237
289
|
background-color: var(--color-background-screen);
|
|
238
|
-
}
|
|
290
|
+
}
|
|
291
|
+
.list-group:hover .list-group-item:hover .media {
|
|
239
292
|
opacity: 1;
|
|
240
|
-
}
|
|
293
|
+
}
|
|
294
|
+
.list-group-inactive:hover .list-group-item:not(.active) {
|
|
241
295
|
background-color: rgba(134,167,189,0.10196);
|
|
242
296
|
background-color: var(--color-background-neutral);
|
|
243
|
-
}
|
|
297
|
+
}
|
|
298
|
+
.list-group-inactive:hover .list-group-item:hover {
|
|
244
299
|
background-color: #ffffff;
|
|
245
300
|
background-color: var(--color-background-screen);
|
|
246
|
-
}
|
|
301
|
+
}
|
|
302
|
+
@keyframes listSlideOver {
|
|
247
303
|
0% {
|
|
248
304
|
transform: translateX(100vw);
|
|
249
305
|
}
|
|
250
306
|
100% {
|
|
251
307
|
transform: translateX(0);
|
|
252
308
|
}
|
|
253
|
-
}
|
|
309
|
+
}
|
|
310
|
+
@media (max-width: 767px) {
|
|
254
311
|
.list-group-slide-out .list-group-item .collapse {
|
|
255
312
|
position: fixed;
|
|
256
313
|
top: 0;
|
package/dist/css/navbar.css
CHANGED
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
src: url("../fonts/WiseSans-Heavy.woff2") format("woff2");
|
|
83
83
|
}
|
|
84
84
|
/* stylelint-disable selector-max-empty-lines */
|
|
85
|
-
/*! modern-normalize
|
|
85
|
+
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
|
|
86
86
|
/*
|
|
87
87
|
Document
|
|
88
88
|
========
|
|
@@ -103,10 +103,9 @@ html {
|
|
|
103
103
|
-webkit-text-size-adjust: 100%;
|
|
104
104
|
/* 2. Prevent adjustments of font size after orientation changes in iOS. */
|
|
105
105
|
-moz-tab-size: 4;
|
|
106
|
+
-o-tab-size: 4;
|
|
107
|
+
tab-size: 4;
|
|
106
108
|
/* 3. Use a more readable tab size (opinionated). */
|
|
107
|
-
-o-tab-size: 4;
|
|
108
|
-
tab-size: 4;
|
|
109
|
-
/* 3 */
|
|
110
109
|
}
|
|
111
110
|
/*
|
|
112
111
|
Sections
|
|
@@ -117,33 +116,11 @@ body {
|
|
|
117
116
|
/* Remove the margin in all browsers. */
|
|
118
117
|
}
|
|
119
118
|
/*
|
|
120
|
-
Grouping content
|
|
121
|
-
================
|
|
122
|
-
*/
|
|
123
|
-
/**
|
|
124
|
-
1. Add the correct height in Firefox.
|
|
125
|
-
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
|
|
126
|
-
*/
|
|
127
|
-
hr {
|
|
128
|
-
height: 0;
|
|
129
|
-
/* 1 */
|
|
130
|
-
color: inherit;
|
|
131
|
-
/* 2 */
|
|
132
|
-
}
|
|
133
|
-
/*
|
|
134
119
|
Text-level semantics
|
|
135
120
|
====================
|
|
136
121
|
*/
|
|
137
122
|
/**
|
|
138
|
-
Add the correct
|
|
139
|
-
*/
|
|
140
|
-
abbr[title] {
|
|
141
|
-
text-decoration: underline;
|
|
142
|
-
-webkit-text-decoration: underline dotted;
|
|
143
|
-
text-decoration: underline dotted;
|
|
144
|
-
}
|
|
145
|
-
/**
|
|
146
|
-
Add the correct font weight in Edge and Safari.
|
|
123
|
+
Add the correct font weight in Chrome and Safari.
|
|
147
124
|
*/
|
|
148
125
|
b,
|
|
149
126
|
strong {
|
|
@@ -189,14 +166,10 @@ Tabular data
|
|
|
189
166
|
============
|
|
190
167
|
*/
|
|
191
168
|
/**
|
|
192
|
-
|
|
193
|
-
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
169
|
+
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
|
|
194
170
|
*/
|
|
195
171
|
table {
|
|
196
|
-
|
|
197
|
-
/* 1 */
|
|
198
|
-
border-color: inherit;
|
|
199
|
-
/* 2 */
|
|
172
|
+
border-color: currentcolor;
|
|
200
173
|
}
|
|
201
174
|
/*
|
|
202
175
|
Forms
|
|
@@ -221,13 +194,6 @@ textarea {
|
|
|
221
194
|
/* 2 */
|
|
222
195
|
}
|
|
223
196
|
/**
|
|
224
|
-
Remove the inheritance of text transform in Edge and Firefox.
|
|
225
|
-
*/
|
|
226
|
-
button,
|
|
227
|
-
select {
|
|
228
|
-
text-transform: none;
|
|
229
|
-
}
|
|
230
|
-
/**
|
|
231
197
|
Correct the inability to style clickable types in iOS and Safari.
|
|
232
198
|
*/
|
|
233
199
|
button,
|
|
@@ -237,26 +203,6 @@ button,
|
|
|
237
203
|
-webkit-appearance: button;
|
|
238
204
|
}
|
|
239
205
|
/**
|
|
240
|
-
Remove the inner border and padding in Firefox.
|
|
241
|
-
*/
|
|
242
|
-
::-moz-focus-inner {
|
|
243
|
-
border-style: none;
|
|
244
|
-
padding: 0;
|
|
245
|
-
}
|
|
246
|
-
/**
|
|
247
|
-
Restore the focus styles unset by the previous rule.
|
|
248
|
-
*/
|
|
249
|
-
:-moz-focusring {
|
|
250
|
-
outline: 1px dotted ButtonText;
|
|
251
|
-
}
|
|
252
|
-
/**
|
|
253
|
-
Remove the additional ':invalid' styles in Firefox.
|
|
254
|
-
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
|
|
255
|
-
*/
|
|
256
|
-
:-moz-ui-invalid {
|
|
257
|
-
box-shadow: none;
|
|
258
|
-
}
|
|
259
|
-
/**
|
|
260
206
|
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
|
|
261
207
|
*/
|
|
262
208
|
legend {
|