@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.
Files changed (67) hide show
  1. package/dist/css/accordion.css +0 -2
  2. package/dist/css/alerts.css +0 -5
  3. package/dist/css/border-radius.css +8 -0
  4. package/dist/css/button-groups.css +0 -1
  5. package/dist/css/buttons.css +0 -2
  6. package/dist/css/circles.css +0 -2
  7. package/dist/css/decision.css +0 -1
  8. package/dist/css/dropdowns.css +0 -13
  9. package/dist/css/droppable.css +0 -1
  10. package/dist/css/flex.css +417 -253
  11. package/dist/css/footer.css +0 -1
  12. package/dist/css/grid.css +0 -4
  13. package/dist/css/input-groups.css +0 -13
  14. package/dist/css/list-group.css +0 -1
  15. package/dist/css/navbar-base.css +167 -343
  16. package/dist/css/navbar.css +41 -125
  17. package/dist/css/neptune-addons.css +423 -895
  18. package/dist/css/neptune-core.css +163 -201
  19. package/dist/css/neptune-social-media.css +0 -1
  20. package/dist/css/neptune.css +14500 -15883
  21. package/dist/css/popovers.css +0 -8
  22. package/dist/css/progress-bars.css +6 -6
  23. package/dist/css/tooltip.css +0 -1
  24. package/dist/css/utilities.css +1202 -72
  25. package/package.json +1 -1
  26. package/src/less/{mixins → addons}/_center-block.less +2 -4
  27. package/src/less/addons/_spacing-utilities.less +3 -26
  28. package/src/less/border-radius.less +1 -3
  29. package/src/less/core/_scaffolding.less +7 -27
  30. package/src/less/core/_typography-utilities.less +17 -237
  31. package/src/less/flex.less +9 -18
  32. package/src/less/navbar.less +10 -2
  33. package/src/less/neptune-addons.less +4 -1
  34. package/src/less/neptune.bundle.less +3 -1
  35. package/src/less/progress-bars.less +2 -2
  36. package/src/less/utilities/align-items.less +107 -0
  37. package/src/less/utilities/align-self.less +107 -0
  38. package/src/less/utilities/border-radius.less +11 -0
  39. package/src/less/utilities/color.less +70 -0
  40. package/src/less/utilities/cursor.less +3 -0
  41. package/src/less/utilities/display.less +178 -0
  42. package/src/less/utilities/flex-direction.less +47 -0
  43. package/src/less/utilities/flex-grow.less +27 -0
  44. package/src/less/utilities/flex-wrap.less +47 -0
  45. package/src/less/utilities/float.less +77 -0
  46. package/src/less/utilities/font-weight.less +11 -0
  47. package/src/less/utilities/gap.less +3 -0
  48. package/src/less/utilities/justify-content.less +107 -0
  49. package/src/less/utilities/margin.less +192 -0
  50. package/src/less/utilities/max-width.less +3 -0
  51. package/src/less/utilities/order.less +87 -0
  52. package/src/less/utilities/outline-style.less +8 -0
  53. package/src/less/utilities/overflow-wrap.less +3 -0
  54. package/src/less/utilities/padding.less +179 -0
  55. package/src/less/utilities/position.less +3 -0
  56. package/src/less/utilities/rotate.less +12 -0
  57. package/src/less/utilities/screen-reader.less +24 -0
  58. package/src/less/utilities/text-align.less +87 -0
  59. package/src/less/utilities/text-decoration-line.less +8 -0
  60. package/src/less/utilities/text-overflow.less +7 -0
  61. package/src/less/utilities/text-transform.less +11 -0
  62. package/src/less/utilities/visibility.less +3 -0
  63. package/src/less/utilities/white-space.less +27 -0
  64. package/src/less/utilities.less +29 -141
  65. package/src/less/addons/_display-utilities.less +0 -159
  66. package/src/less/addons/_utilities.less +0 -147
  67. package/src/less/mixins/_flex.less +0 -105
@@ -1,23 +1,17 @@
1
- .navbar::before,
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: left !important;
671
- }
672
- [dir="rtl"] .navbar-left {
673
- float: right !important;
586
+ float: inline-start !important;
674
587
  }
675
588
  .navbar-right {
676
- float: right !important;
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 */