@transferwise/neptune-css 0.0.0-experimental-2d03128 → 0.0.0-experimental-e6f7234

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