@transferwise/neptune-css 0.0.0-experimental-92f9701 → 0.0.0-experimental-2d03128
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 -2
- package/dist/css/alerts.css +0 -5
- package/dist/css/border-radius.css +8 -0
- package/dist/css/button-groups.css +0 -1
- package/dist/css/buttons.css +0 -2
- package/dist/css/circles.css +0 -2
- package/dist/css/decision.css +0 -1
- package/dist/css/dropdowns.css +0 -13
- package/dist/css/droppable.css +0 -1
- package/dist/css/flex.css +417 -253
- package/dist/css/footer.css +0 -1
- package/dist/css/grid.css +0 -4
- package/dist/css/input-groups.css +0 -13
- package/dist/css/list-group.css +0 -1
- package/dist/css/navbar-base.css +167 -343
- package/dist/css/navbar.css +41 -125
- package/dist/css/neptune-addons.css +423 -895
- package/dist/css/neptune-core.css +163 -201
- package/dist/css/neptune-social-media.css +0 -1
- package/dist/css/neptune.css +14500 -15883
- package/dist/css/popovers.css +0 -8
- package/dist/css/progress-bars.css +6 -6
- package/dist/css/tooltip.css +0 -1
- package/dist/css/utilities.css +1202 -72
- package/package.json +1 -1
- package/src/less/{mixins → addons}/_center-block.less +2 -4
- package/src/less/addons/_spacing-utilities.less +3 -26
- package/src/less/border-radius.less +1 -3
- package/src/less/core/_scaffolding.less +7 -27
- package/src/less/core/_typography-utilities.less +17 -237
- package/src/less/flex.less +9 -18
- package/src/less/navbar.less +10 -2
- package/src/less/neptune-addons.less +4 -1
- package/src/less/neptune.bundle.less +3 -1
- package/src/less/progress-bars.less +2 -2
- package/src/less/utilities/align-items.less +107 -0
- package/src/less/utilities/align-self.less +107 -0
- package/src/less/utilities/border-radius.less +11 -0
- package/src/less/utilities/color.less +70 -0
- package/src/less/utilities/cursor.less +3 -0
- package/src/less/utilities/display.less +178 -0
- package/src/less/utilities/flex-direction.less +47 -0
- package/src/less/utilities/flex-grow.less +27 -0
- package/src/less/utilities/flex-wrap.less +47 -0
- package/src/less/utilities/float.less +77 -0
- package/src/less/utilities/font-weight.less +11 -0
- package/src/less/utilities/gap.less +3 -0
- package/src/less/utilities/justify-content.less +107 -0
- package/src/less/utilities/margin.less +192 -0
- package/src/less/utilities/max-width.less +3 -0
- package/src/less/utilities/order.less +87 -0
- package/src/less/utilities/outline-style.less +8 -0
- package/src/less/utilities/overflow-wrap.less +3 -0
- package/src/less/utilities/padding.less +179 -0
- package/src/less/utilities/position.less +3 -0
- package/src/less/utilities/rotate.less +12 -0
- package/src/less/utilities/screen-reader.less +24 -0
- package/src/less/utilities/text-align.less +87 -0
- package/src/less/utilities/text-decoration-line.less +8 -0
- package/src/less/utilities/text-overflow.less +7 -0
- package/src/less/utilities/text-transform.less +11 -0
- package/src/less/utilities/visibility.less +3 -0
- package/src/less/utilities/white-space.less +27 -0
- package/src/less/utilities.less +29 -141
- package/src/less/addons/_display-utilities.less +0 -159
- package/src/less/addons/_utilities.less +0 -147
- package/src/less/mixins/_flex.less +0 -105
package/dist/css/navbar-base.css
CHANGED
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
@media (min-width: 768px) {
|
|
2
|
+
}@media (min-width: 576px) {
|
|
3
|
+
}.navbar::before,
|
|
2
4
|
.navbar::after,
|
|
3
5
|
.navbar-header::before,
|
|
4
6
|
.navbar-header::after,
|
|
5
7
|
.navbar-collapse::before,
|
|
6
8
|
.navbar-collapse::after {
|
|
7
9
|
content: " ";display: table;
|
|
8
|
-
}
|
|
9
|
-
.navbar::after,
|
|
10
|
+
}.navbar::after,
|
|
10
11
|
.navbar-header::after,
|
|
11
12
|
.navbar-collapse::after {
|
|
12
13
|
clear: both;
|
|
13
|
-
}
|
|
14
|
-
@media (min-width: 768px) {
|
|
15
|
-
}
|
|
16
|
-
@media (min-width: 768px) {
|
|
17
|
-
}
|
|
18
|
-
@media (min-width: 576px) {
|
|
19
|
-
}
|
|
20
|
-
.navbar {
|
|
14
|
+
}.navbar {
|
|
21
15
|
position: relative;
|
|
22
16
|
font-size: 0.875rem;
|
|
23
17
|
font-size: var(--font-size-14);
|
|
@@ -25,8 +19,7 @@
|
|
|
25
19
|
margin-bottom: 40px;
|
|
26
20
|
border: 0 solid transparent;
|
|
27
21
|
transition: border-top-width 0s linear;
|
|
28
|
-
}
|
|
29
|
-
@media (min-width: 768px) {
|
|
22
|
+
}@media (min-width: 768px) {
|
|
30
23
|
.navbar {
|
|
31
24
|
border-radius: 0;
|
|
32
25
|
}
|
|
@@ -34,20 +27,17 @@
|
|
|
34
27
|
.navbar .container-fluid {
|
|
35
28
|
border: 0 solid transparent;
|
|
36
29
|
}
|
|
37
|
-
}
|
|
38
|
-
@media (min-width: 768px) {
|
|
30
|
+
}@media (min-width: 768px) {
|
|
39
31
|
.navbar-header {
|
|
40
32
|
float: left;
|
|
41
33
|
}
|
|
42
34
|
[dir="rtl"] .navbar-header {
|
|
43
35
|
float: right;
|
|
44
36
|
}
|
|
45
|
-
}
|
|
46
|
-
.navbar-collapse {
|
|
37
|
+
}.navbar-collapse {
|
|
47
38
|
overflow-x: visible;
|
|
48
39
|
-webkit-overflow-scrolling: touch;
|
|
49
|
-
}
|
|
50
|
-
@media (min-width: 768px) {
|
|
40
|
+
}@media (min-width: 768px) {
|
|
51
41
|
.navbar-collapse {
|
|
52
42
|
width: auto;
|
|
53
43
|
border-top: 0;
|
|
@@ -64,8 +54,7 @@
|
|
|
64
54
|
padding-left: 0;
|
|
65
55
|
padding-right: 0;
|
|
66
56
|
}
|
|
67
|
-
}
|
|
68
|
-
@media (min-width: 768px) {
|
|
57
|
+
}@media (min-width: 768px) {
|
|
69
58
|
.container > .navbar-header,
|
|
70
59
|
.container-fluid > .navbar-header,
|
|
71
60
|
.container > .navbar-collapse,
|
|
@@ -73,12 +62,10 @@
|
|
|
73
62
|
margin-right: 0;
|
|
74
63
|
margin-left: 0;
|
|
75
64
|
}
|
|
76
|
-
}
|
|
77
|
-
.navbar-static-top {
|
|
65
|
+
}.navbar-static-top {
|
|
78
66
|
z-index: 1000;
|
|
79
67
|
margin-bottom: 0;
|
|
80
|
-
}
|
|
81
|
-
@media (min-width: 768px) {
|
|
68
|
+
}@media (min-width: 768px) {
|
|
82
69
|
.navbar-static-top {
|
|
83
70
|
border-radius: 0;
|
|
84
71
|
}
|
|
@@ -87,8 +74,7 @@
|
|
|
87
74
|
border-width: 0;
|
|
88
75
|
margin-bottom: -1px;
|
|
89
76
|
}
|
|
90
|
-
}
|
|
91
|
-
.navbar.affix,
|
|
77
|
+
}.navbar.affix,
|
|
92
78
|
.navbar-fixed-top,
|
|
93
79
|
.navbar-fixed-bottom {
|
|
94
80
|
position: fixed;
|
|
@@ -97,8 +83,7 @@
|
|
|
97
83
|
z-index: 1030;
|
|
98
84
|
backface-visibility: hidden;
|
|
99
85
|
background-color: #37517e;
|
|
100
|
-
}
|
|
101
|
-
.navbar.affix .navbar-nav > li > a,
|
|
86
|
+
}.navbar.affix .navbar-nav > li > a,
|
|
102
87
|
.navbar-fixed-top .navbar-nav > li > a,
|
|
103
88
|
.navbar-fixed-bottom .navbar-nav > li > a,
|
|
104
89
|
.navbar.affix .navbar-nav > li .navbar-title,
|
|
@@ -109,8 +94,7 @@
|
|
|
109
94
|
.navbar-fixed-bottom .navbar-nav > li .navbar-text {
|
|
110
95
|
color: #ffffff;
|
|
111
96
|
color: var(--color-background-screen);
|
|
112
|
-
}
|
|
113
|
-
@media (max-width: 767px) {
|
|
97
|
+
}@media (max-width: 767px) {
|
|
114
98
|
.navbar.affix .navbar-nav > li > a,
|
|
115
99
|
.navbar-fixed-top .navbar-nav > li > a,
|
|
116
100
|
.navbar-fixed-bottom .navbar-nav > li > a,
|
|
@@ -123,41 +107,33 @@
|
|
|
123
107
|
color: #37517e;
|
|
124
108
|
color: var(--color-content-primary);
|
|
125
109
|
}
|
|
126
|
-
}
|
|
127
|
-
.navbar.affix .navbar-nav > li.active > a,
|
|
110
|
+
}.navbar.affix .navbar-nav > li.active > a,
|
|
128
111
|
.navbar-fixed-top .navbar-nav > li.active > a,
|
|
129
112
|
.navbar-fixed-bottom .navbar-nav > li.active > a {
|
|
130
113
|
color: #0077a5;
|
|
131
114
|
color: var(--color-content-accent-active);
|
|
132
|
-
}
|
|
133
|
-
@media (min-width: 768px) {
|
|
115
|
+
}@media (min-width: 768px) {
|
|
134
116
|
.navbar.affix,
|
|
135
117
|
.navbar-fixed-top,
|
|
136
118
|
.navbar-fixed-bottom {
|
|
137
119
|
border-radius: 0;
|
|
138
120
|
}
|
|
139
|
-
}
|
|
140
|
-
.navbar.affix {
|
|
121
|
+
}.navbar.affix {
|
|
141
122
|
top: -56px;
|
|
142
123
|
border-top-width: 56px;
|
|
143
124
|
transition: border-top-width 0.2s ease-out, background-color 0.2s ease-out;
|
|
144
|
-
}
|
|
145
|
-
.navbar-fixed-top {
|
|
125
|
+
}.navbar-fixed-top {
|
|
146
126
|
top: 0;
|
|
147
|
-
}
|
|
148
|
-
.navbar-fixed-top .container,
|
|
127
|
+
}.navbar-fixed-top .container,
|
|
149
128
|
.navbar-fixed-top .container-fluid {
|
|
150
129
|
margin-bottom: -1px;
|
|
151
|
-
}
|
|
152
|
-
.navbar-fixed-bottom {
|
|
130
|
+
}.navbar-fixed-bottom {
|
|
153
131
|
bottom: 0;
|
|
154
132
|
margin-bottom: 0;
|
|
155
|
-
}
|
|
156
|
-
.navbar-fixed-bottom .container,
|
|
133
|
+
}.navbar-fixed-bottom .container,
|
|
157
134
|
.navbar-fixed-bottom .container-fluid {
|
|
158
135
|
margin-top: -1px;
|
|
159
|
-
}
|
|
160
|
-
.navbar-brand {
|
|
136
|
+
}.navbar-brand {
|
|
161
137
|
float: left;
|
|
162
138
|
padding: 8px 16px 5px;
|
|
163
139
|
font-size: 16px;
|
|
@@ -167,24 +143,19 @@
|
|
|
167
143
|
margin-right: 10px;
|
|
168
144
|
height: 24px;
|
|
169
145
|
width: 118px;
|
|
170
|
-
}
|
|
171
|
-
[dir="rtl"] .navbar-brand {
|
|
146
|
+
}[dir="rtl"] .navbar-brand {
|
|
172
147
|
float: right;
|
|
173
|
-
}
|
|
174
|
-
[dir="rtl"] .navbar-brand {
|
|
148
|
+
}[dir="rtl"] .navbar-brand {
|
|
175
149
|
margin-left: 10px;
|
|
176
150
|
margin-right: 0;
|
|
177
151
|
margin-right: initial;
|
|
178
|
-
}
|
|
179
|
-
.navbar-brand:hover,
|
|
152
|
+
}.navbar-brand:hover,
|
|
180
153
|
.navbar-brand:focus {
|
|
181
154
|
-webkit-text-decoration: none;
|
|
182
155
|
text-decoration: none;
|
|
183
|
-
}
|
|
184
|
-
.navbar-brand > img {
|
|
156
|
+
}.navbar-brand > img {
|
|
185
157
|
display: block;
|
|
186
|
-
}
|
|
187
|
-
.navbar-toggle {
|
|
158
|
+
}.navbar-toggle {
|
|
188
159
|
position: relative;
|
|
189
160
|
float: left;
|
|
190
161
|
padding: 9px 0;
|
|
@@ -202,55 +173,44 @@
|
|
|
202
173
|
line-height: var(--line-height-body);
|
|
203
174
|
margin-bottom: 8px;
|
|
204
175
|
color: #ffffff;
|
|
205
|
-
}
|
|
206
|
-
[dir="rtl"] .navbar-toggle {
|
|
176
|
+
}[dir="rtl"] .navbar-toggle {
|
|
207
177
|
float: right;
|
|
208
|
-
}
|
|
209
|
-
[dir="rtl"] .navbar-toggle {
|
|
178
|
+
}[dir="rtl"] .navbar-toggle {
|
|
210
179
|
margin-left: 12px;
|
|
211
180
|
margin-right: 0;
|
|
212
181
|
margin-right: initial;
|
|
213
|
-
}
|
|
214
|
-
.navbar-toggle:focus {
|
|
182
|
+
}.navbar-toggle:focus {
|
|
215
183
|
outline: 0;
|
|
216
|
-
}
|
|
217
|
-
.navbar-toggle .icon-bar:first-child {
|
|
184
|
+
}.navbar-toggle .icon-bar:first-child {
|
|
218
185
|
margin-top: 1px;
|
|
219
|
-
}
|
|
220
|
-
.navbar-toggle .icon-bar {
|
|
186
|
+
}.navbar-toggle .icon-bar {
|
|
221
187
|
display: block;
|
|
222
188
|
width: 22px;
|
|
223
189
|
height: 2px;
|
|
224
190
|
border-radius: 1px;
|
|
225
191
|
background-color: #0097c7;
|
|
226
192
|
background-color: var(--color-content-accent);
|
|
227
|
-
}
|
|
228
|
-
.navbar-toggle .icon-bar + .icon-bar {
|
|
193
|
+
}.navbar-toggle .icon-bar + .icon-bar {
|
|
229
194
|
margin-top: 4px;
|
|
230
|
-
}
|
|
231
|
-
.navbar-toggle:hover,
|
|
195
|
+
}.navbar-toggle:hover,
|
|
232
196
|
.navbar-toggle:focus {
|
|
233
197
|
color: #0084b3;
|
|
234
198
|
color: var(--color-content-accent-hover);
|
|
235
|
-
}
|
|
236
|
-
.navbar-toggle:hover .icon-bar,
|
|
199
|
+
}.navbar-toggle:hover .icon-bar,
|
|
237
200
|
.navbar-toggle:focus .icon-bar {
|
|
238
201
|
background-color: #0084b3;
|
|
239
202
|
background-color: var(--color-content-accent-hover);
|
|
240
|
-
}
|
|
241
|
-
@media (min-width: 768px) {
|
|
203
|
+
}@media (min-width: 768px) {
|
|
242
204
|
.navbar-toggle {
|
|
243
205
|
display: none;
|
|
244
206
|
}
|
|
245
|
-
}
|
|
246
|
-
.navbar-nav > li > a,
|
|
207
|
+
}.navbar-nav > li > a,
|
|
247
208
|
.navbar-nav > li > button {
|
|
248
209
|
padding: 9px 16px 7px;
|
|
249
210
|
line-height: 40px;
|
|
250
211
|
outline-offset: -1px;
|
|
251
212
|
transition: color ease 0.15s;
|
|
252
|
-
}
|
|
253
|
-
@media (min-width: 768px) and (max-width: 991px) {
|
|
213
|
+
}@media (min-width: 768px) and (max-width: 991px) {
|
|
254
214
|
.navbar-nav > li > a,
|
|
255
215
|
.navbar-nav > li > button {
|
|
256
216
|
padding-left: 12px;
|
|
@@ -268,8 +228,7 @@
|
|
|
268
228
|
padding-right: 0;
|
|
269
229
|
padding-right: initial;
|
|
270
230
|
}
|
|
271
|
-
}
|
|
272
|
-
.navbar-nav > li > a.dropdown-toggle,
|
|
231
|
+
}.navbar-nav > li > a.dropdown-toggle,
|
|
273
232
|
.navbar-nav > li > button.dropdown-toggle {
|
|
274
233
|
height: 56px;
|
|
275
234
|
border: 0;
|
|
@@ -279,12 +238,10 @@
|
|
|
279
238
|
text-align: left;
|
|
280
239
|
color: #0097c7;
|
|
281
240
|
color: var(--color-content-accent);
|
|
282
|
-
}
|
|
283
|
-
[dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
|
|
241
|
+
}[dir="rtl"] .navbar-nav > li > a.dropdown-toggle,
|
|
284
242
|
[dir="rtl"] .navbar-nav > li > button.dropdown-toggle {
|
|
285
243
|
text-align: right;
|
|
286
|
-
}
|
|
287
|
-
.navbar-nav > li > a.dropdown-toggle:active,
|
|
244
|
+
}.navbar-nav > li > a.dropdown-toggle:active,
|
|
288
245
|
.navbar-nav > li > button.dropdown-toggle:active,
|
|
289
246
|
.navbar-nav > li > a.dropdown-toggle:focus,
|
|
290
247
|
.navbar-nav > li > button.dropdown-toggle:focus {
|
|
@@ -292,8 +249,7 @@
|
|
|
292
249
|
outline: 0;
|
|
293
250
|
color: #0077a5;
|
|
294
251
|
color: var(--color-content-accent-active);
|
|
295
|
-
}
|
|
296
|
-
@media (min-width: 768px) {
|
|
252
|
+
}@media (min-width: 768px) {
|
|
297
253
|
.navbar-inverse .navbar-nav > li > a.dropdown-toggle,
|
|
298
254
|
.navbar-inverse .navbar-nav > li > button.dropdown-toggle {
|
|
299
255
|
color: #ffffff;
|
|
@@ -305,28 +261,23 @@
|
|
|
305
261
|
color: #0084b3;
|
|
306
262
|
color: var(--color-content-accent-hover);
|
|
307
263
|
}
|
|
308
|
-
}
|
|
309
|
-
.navbar-nav > li > a.dropdown-toggle .caret,
|
|
264
|
+
}.navbar-nav > li > a.dropdown-toggle .caret,
|
|
310
265
|
.navbar-nav > li > button.dropdown-toggle .caret {
|
|
311
266
|
margin-left: 4px;
|
|
312
|
-
}
|
|
313
|
-
[dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
|
|
267
|
+
}[dir="rtl"] .navbar-nav > li > a.dropdown-toggle .caret,
|
|
314
268
|
[dir="rtl"] .navbar-nav > li > button.dropdown-toggle .caret {
|
|
315
269
|
margin-right: 4px;
|
|
316
270
|
margin-left: 0;
|
|
317
271
|
margin-left: initial;
|
|
318
|
-
}
|
|
319
|
-
@media (min-width: 768px) {
|
|
272
|
+
}@media (min-width: 768px) {
|
|
320
273
|
.navbar-nav > li > a.navbar-title-link,
|
|
321
274
|
.navbar-nav > li > button.navbar-title-link {
|
|
322
275
|
font-size: 1.25rem;
|
|
323
276
|
font-size: var(--font-size-20);
|
|
324
277
|
}
|
|
325
|
-
}
|
|
326
|
-
.navbar-nav > li.divider {
|
|
278
|
+
}.navbar-nav > li.divider {
|
|
327
279
|
display: none;
|
|
328
|
-
}
|
|
329
|
-
@media (max-width: 767px) {
|
|
280
|
+
}@media (max-width: 767px) {
|
|
330
281
|
.navbar-nav > li > a,
|
|
331
282
|
.navbar-nav > li > button {
|
|
332
283
|
font-size: 1rem;
|
|
@@ -375,8 +326,7 @@
|
|
|
375
326
|
color: #0077a5;
|
|
376
327
|
color: var(--color-content-accent-active);
|
|
377
328
|
}
|
|
378
|
-
}
|
|
379
|
-
@media (min-width: 768px) {
|
|
329
|
+
}@media (min-width: 768px) {
|
|
380
330
|
.navbar-nav {
|
|
381
331
|
float: left;
|
|
382
332
|
}
|
|
@@ -394,19 +344,16 @@
|
|
|
394
344
|
font-size: 0.875rem;
|
|
395
345
|
font-size: var(--font-size-14);
|
|
396
346
|
}
|
|
397
|
-
}
|
|
398
|
-
.navbar-form {
|
|
347
|
+
}.navbar-form {
|
|
399
348
|
padding: 8px 16px;
|
|
400
|
-
}
|
|
401
|
-
@media (max-width: 767px) {
|
|
349
|
+
}@media (max-width: 767px) {
|
|
402
350
|
.navbar-form .form-group {
|
|
403
351
|
margin-bottom: 4px;
|
|
404
352
|
}
|
|
405
353
|
.navbar-form .form-group:last-child {
|
|
406
354
|
margin-bottom: 0;
|
|
407
355
|
}
|
|
408
|
-
}
|
|
409
|
-
@media (min-width: 768px) {
|
|
356
|
+
}@media (min-width: 768px) {
|
|
410
357
|
.navbar-form {
|
|
411
358
|
width: auto;
|
|
412
359
|
border: 0;
|
|
@@ -418,8 +365,7 @@
|
|
|
418
365
|
margin-top: 12px;
|
|
419
366
|
margin-bottom: 12px;
|
|
420
367
|
}
|
|
421
|
-
}
|
|
422
|
-
@media (min-width: 768px) and (min-width: 576px) {
|
|
368
|
+
}@media (min-width: 768px) and (min-width: 576px) {
|
|
423
369
|
.navbar-form .form-group {
|
|
424
370
|
display: inline-block;
|
|
425
371
|
margin-bottom: 0;
|
|
@@ -480,17 +426,14 @@
|
|
|
480
426
|
.navbar-form .has-feedback .form-control-feedback {
|
|
481
427
|
top: 0;
|
|
482
428
|
}
|
|
483
|
-
}
|
|
484
|
-
@media (max-width: 768px) {
|
|
429
|
+
}@media (max-width: 768px) {
|
|
485
430
|
.navbar-form {
|
|
486
431
|
border-bottom: 1px solid rgba(0,0,0,0.10196);
|
|
487
432
|
border-bottom: 1px solid var(--color-border-neutral);
|
|
488
433
|
}
|
|
489
|
-
}
|
|
490
|
-
.navbar-nav > li > .dropdown-menu {
|
|
434
|
+
}.navbar-nav > li > .dropdown-menu {
|
|
491
435
|
margin-top: 56px;
|
|
492
|
-
}
|
|
493
|
-
.navbar-nav > li > .dropdown-menu::before {
|
|
436
|
+
}.navbar-nav > li > .dropdown-menu::before {
|
|
494
437
|
content: " ";
|
|
495
438
|
position: absolute;
|
|
496
439
|
display: block;
|
|
@@ -500,17 +443,14 @@
|
|
|
500
443
|
top: -4px;
|
|
501
444
|
transform: rotate(45deg);
|
|
502
445
|
background-color: inherit;
|
|
503
|
-
}
|
|
504
|
-
[dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
|
|
446
|
+
}[dir="rtl"] .navbar-nav > li > .dropdown-menu::before {
|
|
505
447
|
right: 16px;
|
|
506
448
|
left: auto;
|
|
507
449
|
left: initial;
|
|
508
|
-
}
|
|
509
|
-
.navbar-nav > li > .dropdown-menu > li > a {
|
|
450
|
+
}.navbar-nav > li > .dropdown-menu > li > a {
|
|
510
451
|
font-size: 0.875rem;
|
|
511
452
|
font-size: var(--font-size-14);
|
|
512
|
-
}
|
|
513
|
-
@media (max-width: 768px) {
|
|
453
|
+
}@media (max-width: 768px) {
|
|
514
454
|
.navbar-nav > li > .dropdown-menu > li > a {
|
|
515
455
|
position: relative;
|
|
516
456
|
-webkit-touch-callout: none;
|
|
@@ -530,25 +470,21 @@
|
|
|
530
470
|
right: auto;
|
|
531
471
|
right: initial;
|
|
532
472
|
}
|
|
533
|
-
}
|
|
534
|
-
.navbar-nav > li > .dropdown-menu > .active > a {
|
|
473
|
+
}.navbar-nav > li > .dropdown-menu > .active > a {
|
|
535
474
|
color: #0077a5;
|
|
536
475
|
color: var(--color-content-accent-active);
|
|
537
476
|
background-color: transparent;
|
|
538
477
|
font-weight: 700;
|
|
539
478
|
font-weight: var(--font-weight-bold);
|
|
540
|
-
}
|
|
541
|
-
.navbar-nav > li > .dropdown-menu > .active > a:hover,
|
|
479
|
+
}.navbar-nav > li > .dropdown-menu > .active > a:hover,
|
|
542
480
|
.navbar-nav > li > .dropdown-menu > .active > a:focus {
|
|
543
481
|
background-color: rgba(134,167,189,0.10196);
|
|
544
482
|
background-color: var(--color-background-neutral);
|
|
545
|
-
}
|
|
546
|
-
@media (max-width: 576px) {
|
|
483
|
+
}@media (max-width: 576px) {
|
|
547
484
|
.navbar-nav > li > .dropdown-menu-overlay {
|
|
548
485
|
margin-top: 0;
|
|
549
486
|
}
|
|
550
|
-
}
|
|
551
|
-
.navbar-nav > li.dropdown:active > a,
|
|
487
|
+
}.navbar-nav > li.dropdown:active > a,
|
|
552
488
|
.navbar-nav > li.dropdown:focus > a,
|
|
553
489
|
.navbar-nav > li.dropdown:focus-within > a,
|
|
554
490
|
.navbar-nav > li.dropdown.focus-within > a,
|
|
@@ -558,8 +494,7 @@
|
|
|
558
494
|
.navbar-nav > li.dropdown.focus-within > button {
|
|
559
495
|
color: #0077a5;
|
|
560
496
|
color: var(--color-content-accent-active);
|
|
561
|
-
}
|
|
562
|
-
.navbar-nav > li.dropdown:active .dropdown-menu,
|
|
497
|
+
}.navbar-nav > li.dropdown:active .dropdown-menu,
|
|
563
498
|
.navbar-nav > li.dropdown:focus .dropdown-menu,
|
|
564
499
|
.navbar-nav > li.dropdown:focus-within .dropdown-menu,
|
|
565
500
|
.navbar-nav > li.dropdown.focus-within .dropdown-menu {
|
|
@@ -567,33 +502,27 @@
|
|
|
567
502
|
visibility: visible;
|
|
568
503
|
opacity: 1;
|
|
569
504
|
transform: none;
|
|
570
|
-
}
|
|
571
|
-
@media (min-width: 768px) {
|
|
505
|
+
}@media (min-width: 768px) {
|
|
572
506
|
.navbar-nav > li.dropdown:hover .dropdown-menu {
|
|
573
507
|
transition: opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1), visibility 0s linear 0s;
|
|
574
508
|
visibility: visible;
|
|
575
509
|
opacity: 1;
|
|
576
510
|
transform: none;
|
|
577
511
|
}
|
|
578
|
-
}
|
|
579
|
-
.navbar-right li > .dropdown-menu::before,
|
|
512
|
+
}.navbar-right li > .dropdown-menu::before,
|
|
580
513
|
.pull-xs-right li > .dropdown-menu::before {
|
|
581
514
|
right: calc((8px * 2) + (8px / 2));
|
|
582
515
|
left: auto;
|
|
583
|
-
}
|
|
584
|
-
[dir="rtl"] .navbar-right li > .dropdown-menu::before,
|
|
516
|
+
}[dir="rtl"] .navbar-right li > .dropdown-menu::before,
|
|
585
517
|
[dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
|
|
586
518
|
left: calc((8px * 2) + (8px / 2));
|
|
587
|
-
right: auto;
|
|
588
519
|
right: initial;
|
|
589
|
-
}
|
|
590
|
-
[dir="rtl"] .navbar-right li > .dropdown-menu::before,
|
|
520
|
+
}[dir="rtl"] .navbar-right li > .dropdown-menu::before,
|
|
591
521
|
[dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
|
|
592
522
|
right: auto;
|
|
593
523
|
left: auto;
|
|
594
524
|
left: initial;
|
|
595
|
-
}
|
|
596
|
-
@media (min-width: 768px) and (max-width: 991px) {
|
|
525
|
+
}@media (min-width: 768px) and (max-width: 991px) {
|
|
597
526
|
.navbar-right li > .dropdown-menu::before,
|
|
598
527
|
.pull-xs-right li > .dropdown-menu::before {
|
|
599
528
|
right: 16px;
|
|
@@ -604,58 +533,46 @@
|
|
|
604
533
|
right: auto;
|
|
605
534
|
right: initial;
|
|
606
535
|
}
|
|
607
|
-
}
|
|
608
|
-
.navbar-right.dropdown-menu-center::before,
|
|
536
|
+
}.navbar-right.dropdown-menu-center::before,
|
|
609
537
|
.pull-xs-right.dropdown-menu-center::before {
|
|
610
538
|
right: auto;
|
|
611
539
|
left: 50%;
|
|
612
540
|
margin-left: -4px;
|
|
613
|
-
}
|
|
614
|
-
[dir="rtl"] .navbar-right.dropdown-menu-center::before,
|
|
541
|
+
}[dir="rtl"] .navbar-right.dropdown-menu-center::before,
|
|
615
542
|
[dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
|
|
616
|
-
left: auto;
|
|
617
543
|
right: auto;
|
|
618
544
|
right: initial;
|
|
619
|
-
}
|
|
620
|
-
[dir="rtl"] .navbar-right.dropdown-menu-center::before,
|
|
545
|
+
}[dir="rtl"] .navbar-right.dropdown-menu-center::before,
|
|
621
546
|
[dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
|
|
622
547
|
right: 50%;
|
|
623
548
|
left: auto;
|
|
624
549
|
left: initial;
|
|
625
|
-
}
|
|
626
|
-
[dir="rtl"] .navbar-right.dropdown-menu-center::before,
|
|
550
|
+
}[dir="rtl"] .navbar-right.dropdown-menu-center::before,
|
|
627
551
|
[dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
|
|
628
552
|
margin-right: -4px;
|
|
629
553
|
margin-left: 0;
|
|
630
554
|
margin-left: initial;
|
|
631
|
-
}
|
|
632
|
-
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
|
555
|
+
}.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
|
633
556
|
margin-bottom: 0;
|
|
634
|
-
}
|
|
635
|
-
.navbar-btn {
|
|
557
|
+
}.navbar-btn {
|
|
636
558
|
margin-top: 13px;
|
|
637
559
|
margin-bottom: 11px;
|
|
638
560
|
font-weight: 600;
|
|
639
561
|
font-weight: var(--font-weight-semi-bold);
|
|
640
|
-
}
|
|
641
|
-
.navbar-btn.btn-sm {
|
|
562
|
+
}.navbar-btn.btn-sm {
|
|
642
563
|
margin-top: 13px;
|
|
643
564
|
margin-bottom: 11px;
|
|
644
|
-
}
|
|
645
|
-
.navbar-btn.btn-xs {
|
|
565
|
+
}.navbar-btn.btn-xs {
|
|
646
566
|
margin-top: 18px;
|
|
647
567
|
margin-bottom: 16px;
|
|
648
|
-
}
|
|
649
|
-
@media (max-width: 767px) {
|
|
568
|
+
}@media (max-width: 767px) {
|
|
650
569
|
.navbar-btn {
|
|
651
570
|
display: block;
|
|
652
571
|
}
|
|
653
|
-
}
|
|
654
|
-
.navbar-text {
|
|
572
|
+
}.navbar-text {
|
|
655
573
|
margin-top: 17px;
|
|
656
574
|
margin-bottom: 15px;
|
|
657
|
-
}
|
|
658
|
-
@media (min-width: 768px) {
|
|
575
|
+
}@media (min-width: 768px) {
|
|
659
576
|
.navbar-text {
|
|
660
577
|
float: left;
|
|
661
578
|
margin-left: 16px;
|
|
@@ -664,19 +581,12 @@
|
|
|
664
581
|
[dir="rtl"] .navbar-text {
|
|
665
582
|
float: right;
|
|
666
583
|
}
|
|
667
|
-
}
|
|
668
|
-
@media (min-width: 768px) {
|
|
584
|
+
}@media (min-width: 768px) {
|
|
669
585
|
.navbar-left {
|
|
670
|
-
float:
|
|
671
|
-
}
|
|
672
|
-
[dir="rtl"] .navbar-left {
|
|
673
|
-
float: right !important;
|
|
586
|
+
float: inline-start !important;
|
|
674
587
|
}
|
|
675
588
|
.navbar-right {
|
|
676
|
-
float:
|
|
677
|
-
}
|
|
678
|
-
[dir="rtl"] .navbar-right {
|
|
679
|
-
float: left !important;
|
|
589
|
+
float: inline-end !important;
|
|
680
590
|
}
|
|
681
591
|
.navbar-right li > .dropdown-menu::before {
|
|
682
592
|
right: calc((8px * 2) + (8px / 2));
|
|
@@ -684,7 +594,6 @@
|
|
|
684
594
|
}
|
|
685
595
|
[dir="rtl"] .navbar-right li > .dropdown-menu::before {
|
|
686
596
|
left: calc((8px * 2) + (8px / 2));
|
|
687
|
-
right: auto;
|
|
688
597
|
right: initial;
|
|
689
598
|
}
|
|
690
599
|
[dir="rtl"] .navbar-right li > .dropdown-menu::before {
|
|
@@ -698,7 +607,6 @@
|
|
|
698
607
|
margin-left: -4px;
|
|
699
608
|
}
|
|
700
609
|
[dir="rtl"] .navbar-right.dropdown-menu-center::before {
|
|
701
|
-
left: auto;
|
|
702
610
|
right: auto;
|
|
703
611
|
right: initial;
|
|
704
612
|
}
|
|
@@ -720,8 +628,7 @@
|
|
|
720
628
|
margin-right: 0;
|
|
721
629
|
margin-right: initial;
|
|
722
630
|
}
|
|
723
|
-
}
|
|
724
|
-
@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
|
|
631
|
+
}@media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
|
|
725
632
|
.navbar-right li > .dropdown-menu::before {
|
|
726
633
|
right: 16px;
|
|
727
634
|
}
|
|
@@ -730,47 +637,37 @@
|
|
|
730
637
|
right: auto;
|
|
731
638
|
right: initial;
|
|
732
639
|
}
|
|
733
|
-
}
|
|
734
|
-
.navbar-default {
|
|
640
|
+
}.navbar-default {
|
|
735
641
|
background-color: transparent;
|
|
736
|
-
}
|
|
737
|
-
.navbar-default .container,
|
|
642
|
+
}.navbar-default .container,
|
|
738
643
|
.navbar-default .container-fluid {
|
|
739
644
|
border-color: rgba(0,0,0,0.10196);
|
|
740
645
|
border-color: var(--color-border-neutral);
|
|
741
|
-
}
|
|
742
|
-
.navbar-default .navbar-brand {
|
|
646
|
+
}.navbar-default .navbar-brand {
|
|
743
647
|
color: #ffffff;
|
|
744
|
-
}
|
|
745
|
-
.navbar-default .navbar-brand:hover,
|
|
648
|
+
}.navbar-default .navbar-brand:hover,
|
|
746
649
|
.navbar-default .navbar-brand:focus {
|
|
747
650
|
background-color: transparent;
|
|
748
|
-
}
|
|
749
|
-
.navbar-default .navbar-text {
|
|
651
|
+
}.navbar-default .navbar-text {
|
|
750
652
|
color: #37517e;
|
|
751
653
|
color: var(--color-content-primary);
|
|
752
|
-
}
|
|
753
|
-
.navbar-default .navbar-nav > li > a {
|
|
654
|
+
}.navbar-default .navbar-nav > li > a {
|
|
754
655
|
color: #37517e;
|
|
755
656
|
color: var(--color-content-primary);
|
|
756
|
-
}
|
|
757
|
-
@media (min-width: 768px) {
|
|
657
|
+
}@media (min-width: 768px) {
|
|
758
658
|
.navbar-default .navbar-nav > li > a {
|
|
759
659
|
border-bottom: 3px solid transparent;
|
|
760
660
|
}
|
|
761
|
-
}
|
|
762
|
-
.navbar-default .navbar-nav > li > a:hover,
|
|
661
|
+
}.navbar-default .navbar-nav > li > a:hover,
|
|
763
662
|
.navbar-default .navbar-nav > li > a:focus {
|
|
764
663
|
color: #0084b3;
|
|
765
664
|
color: var(--color-content-accent-hover);
|
|
766
665
|
background-color: transparent;
|
|
767
|
-
}
|
|
768
|
-
.navbar-default .navbar-nav > .active > a,
|
|
666
|
+
}.navbar-default .navbar-nav > .active > a,
|
|
769
667
|
.navbar-default .navbar-nav > .active > .dropdown-toggle {
|
|
770
668
|
font-weight: 700;
|
|
771
669
|
font-weight: var(--font-weight-bold);
|
|
772
|
-
}
|
|
773
|
-
.navbar-default .navbar-nav > .active > a,
|
|
670
|
+
}.navbar-default .navbar-nav > .active > a,
|
|
774
671
|
.navbar-default .navbar-nav > .active > .dropdown-toggle,
|
|
775
672
|
.navbar-default .navbar-nav > .active > a:hover,
|
|
776
673
|
.navbar-default .navbar-nav > .active > .dropdown-toggle:hover,
|
|
@@ -780,16 +677,14 @@
|
|
|
780
677
|
color: var(--color-content-accent-active);
|
|
781
678
|
background-color: transparent;
|
|
782
679
|
border-color: transparent;
|
|
783
|
-
}
|
|
784
|
-
.navbar-default .navbar-nav > .open > a,
|
|
680
|
+
}.navbar-default .navbar-nav > .open > a,
|
|
785
681
|
.navbar-default .navbar-nav > .open > a:hover,
|
|
786
682
|
.navbar-default .navbar-nav > .open > a:focus,
|
|
787
683
|
.navbar-default .navbar-nav > .open > a:focus-within {
|
|
788
684
|
background-color: transparent;
|
|
789
685
|
color: #0077a5;
|
|
790
686
|
color: var(--color-content-accent-active);
|
|
791
|
-
}
|
|
792
|
-
@media (max-width: 767px) {
|
|
687
|
+
}@media (max-width: 767px) {
|
|
793
688
|
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
|
|
794
689
|
color: #0097c7;
|
|
795
690
|
color: var(--color-content-accent);
|
|
@@ -812,67 +707,53 @@
|
|
|
812
707
|
color: var(--color-content-accent-active);
|
|
813
708
|
background-color: transparent;
|
|
814
709
|
}
|
|
815
|
-
}
|
|
816
|
-
.navbar-default .navbar-link {
|
|
710
|
+
}.navbar-default .navbar-link {
|
|
817
711
|
color: #0097c7;
|
|
818
712
|
color: var(--color-content-accent);
|
|
819
|
-
}
|
|
820
|
-
.navbar-default .navbar-link:hover {
|
|
713
|
+
}.navbar-default .navbar-link:hover {
|
|
821
714
|
color: #0084b3;
|
|
822
715
|
color: var(--color-content-accent-hover);
|
|
823
|
-
}
|
|
824
|
-
.navbar-default .btn-link {
|
|
716
|
+
}.navbar-default .btn-link {
|
|
825
717
|
color: #0097c7;
|
|
826
718
|
color: var(--color-content-accent);
|
|
827
|
-
}
|
|
828
|
-
.navbar-default .btn-link:hover,
|
|
719
|
+
}.navbar-default .btn-link:hover,
|
|
829
720
|
.navbar-default .btn-link:focus {
|
|
830
721
|
color: #0084b3;
|
|
831
722
|
color: var(--color-content-accent-hover);
|
|
832
|
-
}
|
|
833
|
-
.navbar-inverse {
|
|
723
|
+
}.navbar-inverse {
|
|
834
724
|
background-color: transparent;
|
|
835
|
-
}
|
|
836
|
-
.navbar-inverse .container,
|
|
725
|
+
}.navbar-inverse .container,
|
|
837
726
|
.navbar-inverse .container-fluid {
|
|
838
727
|
border-color: rgba(0,0,0,0.10196);
|
|
839
728
|
border-color: var(--color-border-neutral);
|
|
840
|
-
}
|
|
841
|
-
.navbar-inverse .navbar-brand {
|
|
729
|
+
}.navbar-inverse .navbar-brand {
|
|
842
730
|
color: #37517e;
|
|
843
731
|
color: var(--color-content-primary);
|
|
844
|
-
}
|
|
845
|
-
.navbar-inverse .navbar-brand:hover,
|
|
732
|
+
}.navbar-inverse .navbar-brand:hover,
|
|
846
733
|
.navbar-inverse .navbar-brand:focus {
|
|
847
734
|
color: #37517e;
|
|
848
735
|
color: var(--color-content-primary);
|
|
849
736
|
background-color: transparent;
|
|
850
|
-
}
|
|
851
|
-
.navbar-inverse .navbar-text {
|
|
737
|
+
}.navbar-inverse .navbar-text {
|
|
852
738
|
color: #ffffff;
|
|
853
|
-
}
|
|
854
|
-
.navbar-inverse .navbar-nav > li > a {
|
|
739
|
+
}.navbar-inverse .navbar-nav > li > a {
|
|
855
740
|
color: #ffffff;
|
|
856
|
-
}
|
|
857
|
-
@media (min-width: 768px) {
|
|
741
|
+
}@media (min-width: 768px) {
|
|
858
742
|
.navbar-inverse .navbar-nav > li > a {
|
|
859
743
|
border-bottom: 3px solid transparent;
|
|
860
744
|
}
|
|
861
|
-
}
|
|
862
|
-
.navbar-inverse .navbar-nav > li > a:hover,
|
|
745
|
+
}.navbar-inverse .navbar-nav > li > a:hover,
|
|
863
746
|
.navbar-inverse .navbar-nav > li > a:focus {
|
|
864
747
|
color: #0084b3;
|
|
865
748
|
color: var(--color-content-accent-hover);
|
|
866
749
|
background-color: transparent;
|
|
867
|
-
}
|
|
868
|
-
.navbar-inverse .navbar-nav > .active > a,
|
|
750
|
+
}.navbar-inverse .navbar-nav > .active > a,
|
|
869
751
|
.navbar-inverse .navbar-nav > .active > .dropdown-toggle {
|
|
870
752
|
color: #0077a5;
|
|
871
753
|
color: var(--color-content-accent-active);
|
|
872
754
|
font-weight: 700;
|
|
873
755
|
font-weight: var(--font-weight-bold);
|
|
874
|
-
}
|
|
875
|
-
.navbar-inverse .navbar-nav > .active > a,
|
|
756
|
+
}.navbar-inverse .navbar-nav > .active > a,
|
|
876
757
|
.navbar-inverse .navbar-nav > .active > .dropdown-toggle,
|
|
877
758
|
.navbar-inverse .navbar-nav > .active > a:hover,
|
|
878
759
|
.navbar-inverse .navbar-nav > .active > .dropdown-toggle:hover,
|
|
@@ -882,8 +763,7 @@
|
|
|
882
763
|
color: var(--color-content-accent-hover);
|
|
883
764
|
background-color: transparent;
|
|
884
765
|
border-color: transparent;
|
|
885
|
-
}
|
|
886
|
-
.navbar-inverse .navbar-nav > .open > a,
|
|
766
|
+
}.navbar-inverse .navbar-nav > .open > a,
|
|
887
767
|
.navbar-inverse .navbar-nav .dropdown:focus-within > a,
|
|
888
768
|
.navbar-inverse .navbar-nav > .open > a:hover,
|
|
889
769
|
.navbar-inverse .navbar-nav .dropdown:focus-within > a:hover,
|
|
@@ -892,77 +772,62 @@
|
|
|
892
772
|
background-color: transparent;
|
|
893
773
|
color: #0084b3;
|
|
894
774
|
color: var(--color-content-accent-hover);
|
|
895
|
-
}
|
|
896
|
-
@media (max-width: 767px) {
|
|
775
|
+
}@media (max-width: 767px) {
|
|
897
776
|
.navbar-inverse .navbar-nav > li > a {
|
|
898
777
|
color: #37517e;
|
|
899
778
|
color: var(--color-content-primary);
|
|
900
779
|
}
|
|
901
|
-
}
|
|
902
|
-
.navbar-inverse .navbar-link {
|
|
780
|
+
}.navbar-inverse .navbar-link {
|
|
903
781
|
color: #ffffff;
|
|
904
|
-
}
|
|
905
|
-
.navbar-inverse .navbar-link:hover {
|
|
782
|
+
}.navbar-inverse .navbar-link:hover {
|
|
906
783
|
color: #0084b3;
|
|
907
784
|
color: var(--color-content-accent-hover);
|
|
908
|
-
}
|
|
909
|
-
.navbar-inverse .btn-link {
|
|
785
|
+
}.navbar-inverse .btn-link {
|
|
910
786
|
color: #ffffff;
|
|
911
|
-
}
|
|
912
|
-
.navbar-inverse .btn-link:hover,
|
|
787
|
+
}.navbar-inverse .btn-link:hover,
|
|
913
788
|
.navbar-inverse .btn-link:focus {
|
|
914
789
|
color: #0084b3;
|
|
915
790
|
color: var(--color-content-accent-hover);
|
|
916
|
-
}
|
|
917
|
-
.navbar .navbar-brand,
|
|
791
|
+
}.navbar .navbar-brand,
|
|
918
792
|
.navbar-inverse .navbar-brand {
|
|
919
793
|
background-repeat: no-repeat;
|
|
920
794
|
background-position: 50% 50%;
|
|
921
795
|
color: transparent;
|
|
922
|
-
}
|
|
923
|
-
.navbar .navbar-brand:hover,
|
|
796
|
+
}.navbar .navbar-brand:hover,
|
|
924
797
|
.navbar-inverse .navbar-brand:hover,
|
|
925
798
|
.navbar .navbar-brand:focus,
|
|
926
799
|
.navbar-inverse .navbar-brand:focus {
|
|
927
800
|
color: transparent;
|
|
928
|
-
}
|
|
929
|
-
.navbar .flag,
|
|
801
|
+
}.navbar .flag,
|
|
930
802
|
.navbar .fast-flag {
|
|
931
803
|
height: 24px;
|
|
932
804
|
width: 24px;
|
|
933
805
|
margin-top: 16px;
|
|
934
806
|
margin-right: 8px;
|
|
935
807
|
float: left;
|
|
936
|
-
}
|
|
937
|
-
[dir="rtl"] .navbar .flag,
|
|
808
|
+
}[dir="rtl"] .navbar .flag,
|
|
938
809
|
[dir="rtl"] .navbar .fast-flag {
|
|
939
810
|
margin-left: 8px;
|
|
940
811
|
margin-right: 0;
|
|
941
812
|
margin-right: initial;
|
|
942
|
-
}
|
|
943
|
-
[dir="rtl"] .navbar .flag,
|
|
813
|
+
}[dir="rtl"] .navbar .flag,
|
|
944
814
|
[dir="rtl"] .navbar .fast-flag {
|
|
945
815
|
float: right;
|
|
946
|
-
}
|
|
947
|
-
.navbar .logo-text {
|
|
816
|
+
}.navbar .logo-text {
|
|
948
817
|
height: 20px;
|
|
949
818
|
width: 104px;
|
|
950
819
|
margin-top: 16.5px;
|
|
951
820
|
margin-right: 8px;
|
|
952
821
|
float: left;
|
|
953
|
-
}
|
|
954
|
-
[dir="rtl"] .navbar .logo-text {
|
|
822
|
+
}[dir="rtl"] .navbar .logo-text {
|
|
955
823
|
margin-left: 8px;
|
|
956
824
|
margin-right: 0;
|
|
957
825
|
margin-right: initial;
|
|
958
|
-
}
|
|
959
|
-
[dir="rtl"] .navbar .logo-text {
|
|
826
|
+
}[dir="rtl"] .navbar .logo-text {
|
|
960
827
|
float: right;
|
|
961
|
-
}
|
|
962
|
-
.cover {
|
|
828
|
+
}.cover {
|
|
963
829
|
display: none;
|
|
964
|
-
}
|
|
965
|
-
@media (max-width: 767px) {
|
|
830
|
+
}@media (max-width: 767px) {
|
|
966
831
|
.navbar-collapse {
|
|
967
832
|
position: fixed;
|
|
968
833
|
bottom: 0;
|
|
@@ -1084,41 +949,33 @@
|
|
|
1084
949
|
.navbar-collapse .navbar-btn.btn-group .dropdown-menu {
|
|
1085
950
|
width: 100%;
|
|
1086
951
|
}
|
|
1087
|
-
}
|
|
1088
|
-
.np-theme-light .navbar .profile-name {
|
|
952
|
+
}.np-theme-light .navbar .profile-name {
|
|
1089
953
|
padding-bottom: 3px;
|
|
1090
|
-
}
|
|
1091
|
-
.navbar .profile-name .caret {
|
|
954
|
+
}.navbar .profile-name .caret {
|
|
1092
955
|
vertical-align: top;
|
|
1093
956
|
line-height: 40px;
|
|
1094
|
-
}
|
|
1095
|
-
.navbar .profile-name .text-ellipses,
|
|
957
|
+
}.navbar .profile-name .text-ellipses,
|
|
1096
958
|
.navbar .profile-name .text-ellipsis,
|
|
1097
959
|
.navbar .profile-name .truncate {
|
|
1098
960
|
max-width: 75px;
|
|
1099
961
|
display: inline-block;
|
|
1100
|
-
}
|
|
1101
|
-
@media (min-width: 992px) {
|
|
962
|
+
}@media (min-width: 992px) {
|
|
1102
963
|
.navbar .profile-name .text-ellipses,
|
|
1103
964
|
.navbar .profile-name .text-ellipsis,
|
|
1104
965
|
.navbar .profile-name .truncate {
|
|
1105
966
|
max-width: 125px;
|
|
1106
967
|
}
|
|
1107
|
-
}
|
|
1108
|
-
@media (min-width: 1200px) {
|
|
968
|
+
}@media (min-width: 1200px) {
|
|
1109
969
|
.navbar .profile-name .text-ellipses,
|
|
1110
970
|
.navbar .profile-name .text-ellipsis,
|
|
1111
971
|
.navbar .profile-name .truncate {
|
|
1112
972
|
max-width: 220px;
|
|
1113
973
|
}
|
|
1114
|
-
}
|
|
1115
|
-
.navbar[data-spy~='affix'] + * {
|
|
974
|
+
}.navbar[data-spy~='affix'] + * {
|
|
1116
975
|
margin-top: 0;
|
|
1117
|
-
}
|
|
1118
|
-
.navbar[data-spy~='affix'].affix + * {
|
|
976
|
+
}.navbar[data-spy~='affix'].affix + * {
|
|
1119
977
|
margin-top: 56px;
|
|
1120
|
-
}
|
|
1121
|
-
@media (min-width: 768px) {
|
|
978
|
+
}@media (min-width: 768px) {
|
|
1122
979
|
.navbar + .jumbotron,
|
|
1123
980
|
.navbar + .jumbotron-image,
|
|
1124
981
|
.navbar + .jumbotron-image-inverse,
|
|
@@ -1130,14 +987,12 @@
|
|
|
1130
987
|
.navbar.affix + .jumbotron-image-inverse {
|
|
1131
988
|
margin-top: 0;
|
|
1132
989
|
}
|
|
1133
|
-
}
|
|
1134
|
-
.navbar + .jumbotron,
|
|
990
|
+
}.navbar + .jumbotron,
|
|
1135
991
|
.navbar + .jumbotron-image > .jumbotron,
|
|
1136
992
|
.navbar + .jumbotron-image-inverse > .jumbotron,
|
|
1137
993
|
.jumbotron-image-adjacent-to-navbar > .jumbotron {
|
|
1138
994
|
padding-bottom: 64px;
|
|
1139
|
-
}
|
|
1140
|
-
@media (min-width: 768px) {
|
|
995
|
+
}@media (min-width: 768px) {
|
|
1141
996
|
.navbar + .jumbotron,
|
|
1142
997
|
.navbar + .jumbotron-image > .jumbotron,
|
|
1143
998
|
.navbar + .jumbotron-image-inverse > .jumbotron,
|
|
@@ -1145,24 +1000,20 @@
|
|
|
1145
1000
|
padding-top: 140px;
|
|
1146
1001
|
padding-bottom: 104px;
|
|
1147
1002
|
}
|
|
1148
|
-
}
|
|
1149
|
-
.navbar > .container .navbar-brand,
|
|
1003
|
+
}.navbar > .container .navbar-brand,
|
|
1150
1004
|
.navbar > .container-fluid .navbar-brand {
|
|
1151
1005
|
margin-left: 0;
|
|
1152
|
-
}
|
|
1153
|
-
[dir="rtl"] .navbar > .container .navbar-brand,
|
|
1006
|
+
}[dir="rtl"] .navbar > .container .navbar-brand,
|
|
1154
1007
|
[dir="rtl"] .navbar > .container-fluid .navbar-brand {
|
|
1155
1008
|
margin-right: 0;
|
|
1156
1009
|
margin-left: 0;
|
|
1157
1010
|
margin-left: initial;
|
|
1158
|
-
}
|
|
1159
|
-
@media (max-width: 767px) {
|
|
1011
|
+
}@media (max-width: 767px) {
|
|
1160
1012
|
.navbar-static-top {
|
|
1161
1013
|
background-color: #37517e;
|
|
1162
1014
|
border-bottom-color: transparent;
|
|
1163
1015
|
}
|
|
1164
|
-
}
|
|
1165
|
-
.navbar-title {
|
|
1016
|
+
}.navbar-title {
|
|
1166
1017
|
float: left;
|
|
1167
1018
|
font-size: 1.25rem;
|
|
1168
1019
|
font-size: var(--font-size-20);
|
|
@@ -1172,16 +1023,13 @@
|
|
|
1172
1023
|
margin-bottom: 12px;
|
|
1173
1024
|
font-weight: 700;
|
|
1174
1025
|
font-weight: var(--font-weight-bold);
|
|
1175
|
-
}
|
|
1176
|
-
[dir="rtl"] .navbar-title {
|
|
1026
|
+
}[dir="rtl"] .navbar-title {
|
|
1177
1027
|
float: right;
|
|
1178
|
-
}
|
|
1179
|
-
.navbar-subtitle {
|
|
1028
|
+
}.navbar-subtitle {
|
|
1180
1029
|
font-size: 0.875rem;
|
|
1181
1030
|
font-size: var(--font-size-14);
|
|
1182
1031
|
margin-bottom: 8px;
|
|
1183
|
-
}
|
|
1184
|
-
.navbar-title,
|
|
1032
|
+
}.navbar-title,
|
|
1185
1033
|
.navbar-subtitle {
|
|
1186
1034
|
color: #ffffff;
|
|
1187
1035
|
text-overflow: ellipsis;
|
|
@@ -1189,30 +1037,26 @@
|
|
|
1189
1037
|
white-space: nowrap;
|
|
1190
1038
|
display: inline-block;
|
|
1191
1039
|
width: 75%;
|
|
1192
|
-
}
|
|
1193
|
-
@media (min-width: 992px) {
|
|
1040
|
+
}@media (min-width: 992px) {
|
|
1194
1041
|
.navbar-title,
|
|
1195
1042
|
.navbar-subtitle {
|
|
1196
1043
|
color: #37517e;
|
|
1197
1044
|
color: var(--color-content-primary);
|
|
1198
1045
|
width: 100%;
|
|
1199
1046
|
}
|
|
1200
|
-
}
|
|
1201
|
-
.navbar-logo {
|
|
1047
|
+
}.navbar-logo {
|
|
1202
1048
|
width: 127px;
|
|
1203
1049
|
height: 22px;
|
|
1204
1050
|
margin-top: 13px;
|
|
1205
1051
|
margin-bottom: 21px;
|
|
1206
|
-
}
|
|
1207
|
-
.nav-toolbar {
|
|
1052
|
+
}.nav-toolbar {
|
|
1208
1053
|
padding-top: 16px;
|
|
1209
1054
|
margin-top: -16px;
|
|
1210
1055
|
padding-bottom: 0;
|
|
1211
1056
|
background-color: #37517e;
|
|
1212
1057
|
border-bottom: 1px solid rgba(0,0,0,0.10196);
|
|
1213
1058
|
border-bottom: 1px solid var(--color-border-neutral);
|
|
1214
|
-
}
|
|
1215
|
-
@media (min-width: 992px) {
|
|
1059
|
+
}@media (min-width: 992px) {
|
|
1216
1060
|
.nav-toolbar {
|
|
1217
1061
|
margin-top: 0;
|
|
1218
1062
|
background-color: #ffffff;
|
|
@@ -1230,8 +1074,7 @@
|
|
|
1230
1074
|
.nav-toolbar.affix + .container-fluid {
|
|
1231
1075
|
margin-top: 64px !important;
|
|
1232
1076
|
}
|
|
1233
|
-
}
|
|
1234
|
-
@media (max-width: 991px) {
|
|
1077
|
+
}@media (max-width: 991px) {
|
|
1235
1078
|
.nav-toolbar.affix {
|
|
1236
1079
|
position: relative !important;
|
|
1237
1080
|
}
|
|
@@ -1258,66 +1101,52 @@
|
|
|
1258
1101
|
.nav-toolbar .input-group-addon {
|
|
1259
1102
|
border-color: #ffffff;
|
|
1260
1103
|
}
|
|
1261
|
-
}
|
|
1262
|
-
.nav-toolbar h1 {
|
|
1104
|
+
}.nav-toolbar h1 {
|
|
1263
1105
|
line-height: 1.2;
|
|
1264
1106
|
line-height: var(--line-height-title);
|
|
1265
|
-
}
|
|
1266
|
-
.nav-toolbar .close {
|
|
1107
|
+
}.nav-toolbar .close {
|
|
1267
1108
|
-webkit-text-decoration: none;
|
|
1268
1109
|
text-decoration: none;
|
|
1269
1110
|
height: 32px;
|
|
1270
|
-
}
|
|
1271
|
-
@media (min-width: 992px) {
|
|
1111
|
+
}@media (min-width: 992px) {
|
|
1272
1112
|
.nav-toolbar--compact {
|
|
1273
1113
|
padding-top: 0;
|
|
1274
1114
|
}
|
|
1275
|
-
}
|
|
1276
|
-
@media (min-width: 992px) {
|
|
1115
|
+
}@media (min-width: 992px) {
|
|
1277
1116
|
.column-layout .nav-toolbar.affix {
|
|
1278
1117
|
width: calc(100% - 264px);
|
|
1279
1118
|
}
|
|
1280
|
-
}
|
|
1281
|
-
.simple-nav {
|
|
1119
|
+
}.simple-nav {
|
|
1282
1120
|
background-color: #37517e;
|
|
1283
|
-
}
|
|
1284
|
-
.simple-nav .navbar-nav > li > a {
|
|
1121
|
+
}.simple-nav .navbar-nav > li > a {
|
|
1285
1122
|
padding-top: 12px;
|
|
1286
1123
|
padding-bottom: 9px;
|
|
1287
|
-
}
|
|
1288
|
-
.simple-nav .navbar-header {
|
|
1124
|
+
}.simple-nav .navbar-header {
|
|
1289
1125
|
padding-top: 4px;
|
|
1290
1126
|
width: calc(100% - 140px);
|
|
1291
|
-
}
|
|
1292
|
-
@media (min-width: 768px) {
|
|
1127
|
+
}@media (min-width: 768px) {
|
|
1293
1128
|
.simple-nav .navbar-header {
|
|
1294
1129
|
width: calc(100% - 340px);
|
|
1295
1130
|
}
|
|
1296
|
-
}
|
|
1297
|
-
.simple-nav .navbar-nav > li > a.dropdown-toggle {
|
|
1131
|
+
}.simple-nav .navbar-nav > li > a.dropdown-toggle {
|
|
1298
1132
|
height: 64px;
|
|
1299
|
-
}
|
|
1300
|
-
.simple-nav > .navbar-right li > a {
|
|
1133
|
+
}.simple-nav > .navbar-right li > a {
|
|
1301
1134
|
float: right;
|
|
1302
|
-
}
|
|
1303
|
-
[dir="rtl"] .simple-nav > .navbar-right li > a {
|
|
1135
|
+
}[dir="rtl"] .simple-nav > .navbar-right li > a {
|
|
1304
1136
|
float: left;
|
|
1305
|
-
}
|
|
1306
|
-
@media (min-width: 576px) {
|
|
1137
|
+
}@media (min-width: 576px) {
|
|
1307
1138
|
.simple-nav .navbar-nav > li > a {
|
|
1308
1139
|
font-size: 1rem !important;
|
|
1309
1140
|
font-size: var(--font-size-16) !important;
|
|
1310
1141
|
}
|
|
1311
|
-
}
|
|
1312
|
-
@media (min-width: 992px) {
|
|
1142
|
+
}@media (min-width: 992px) {
|
|
1313
1143
|
.simple-nav {
|
|
1314
1144
|
background-color: #ffffff;
|
|
1315
1145
|
background-color: var(--color-background-screen);
|
|
1316
1146
|
border-bottom: 1px solid rgba(0,0,0,0.10196);
|
|
1317
1147
|
border-bottom: 1px solid var(--color-border-neutral);
|
|
1318
1148
|
}
|
|
1319
|
-
}
|
|
1320
|
-
@media (max-width: 991px) {
|
|
1149
|
+
}@media (max-width: 991px) {
|
|
1321
1150
|
.simple-nav .navbar-nav > li > a {
|
|
1322
1151
|
color: #ffffff;
|
|
1323
1152
|
}
|
|
@@ -1327,21 +1156,17 @@
|
|
|
1327
1156
|
color: #0084b3;
|
|
1328
1157
|
color: var(--color-content-accent-hover);
|
|
1329
1158
|
}
|
|
1330
|
-
}
|
|
1331
|
-
.simple-nav .profile-name .text-ellipses,
|
|
1159
|
+
}.simple-nav .profile-name .text-ellipses,
|
|
1332
1160
|
.simple-nav .profile-name .text-ellipsis,
|
|
1333
1161
|
.simple-nav .profile-name .truncate {
|
|
1334
1162
|
max-width: 240px;
|
|
1335
|
-
}
|
|
1336
|
-
.tw-public-navigation-item-content__icon {
|
|
1163
|
+
}.tw-public-navigation-item-content__icon {
|
|
1337
1164
|
vertical-align: middle;
|
|
1338
|
-
}
|
|
1339
|
-
.tw-public-navigation-item-content__text {
|
|
1165
|
+
}.tw-public-navigation-item-content__text {
|
|
1340
1166
|
display: inline-block;
|
|
1341
1167
|
vertical-align: middle;
|
|
1342
1168
|
max-width: 164px;
|
|
1343
|
-
}
|
|
1344
|
-
@media (min-width: 768px) {
|
|
1169
|
+
}@media (min-width: 768px) {
|
|
1345
1170
|
.subnav {
|
|
1346
1171
|
height: 128px !important;
|
|
1347
1172
|
position: relative;
|
|
@@ -1381,5 +1206,4 @@
|
|
|
1381
1206
|
position: absolute;
|
|
1382
1207
|
top: 64px;
|
|
1383
1208
|
}
|
|
1384
|
-
}
|
|
1385
|
-
/* stylelint-enable */
|
|
1209
|
+
}/* stylelint-enable */
|