@transferwise/neptune-css 0.0.0-experimental-4c688cd → 0.0.0-experimental-5405b30

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 (48) hide show
  1. package/dist/css/accordion.css +1 -235
  2. package/dist/css/alerts.css +1 -761
  3. package/dist/css/background.css +1 -20
  4. package/dist/css/badge.css +1 -90
  5. package/dist/css/border-radius.css +1 -3
  6. package/dist/css/breadcrumbs.css +1 -20
  7. package/dist/css/button-groups.css +1 -412
  8. package/dist/css/buttons.css +1 -1382
  9. package/dist/css/chevron.css +1 -35
  10. package/dist/css/circles.css +1 -284
  11. package/dist/css/close.css +1 -47
  12. package/dist/css/column-layout.css +1 -164
  13. package/dist/css/currency-flags.css +1 -45
  14. package/dist/css/decision.css +1 -95
  15. package/dist/css/dropdowns.css +1 -413
  16. package/dist/css/droppable.css +1 -207
  17. package/dist/css/flex.css +1 -598
  18. package/dist/css/footer.css +1 -118
  19. package/dist/css/grid.css +1 -2369
  20. package/dist/css/input-groups.css +1 -2706
  21. package/dist/css/link-callout.css +1 -20
  22. package/dist/css/list-group.css +1 -267
  23. package/dist/css/loaders.css +1 -76
  24. package/dist/css/media.css +1 -74
  25. package/dist/css/modals.css +1 -185
  26. package/dist/css/navbar-base.css +1 -1385
  27. package/dist/css/navbar.css +1 -2397
  28. package/dist/css/navs.css +1 -296
  29. package/dist/css/neptune-addons.css +1 -1829
  30. package/dist/css/neptune-core.css +2 -2037
  31. package/dist/css/neptune-social-media.css +1 -144
  32. package/dist/css/neptune.css +2 -24374
  33. package/dist/css/panels.css +1 -528
  34. package/dist/css/popovers.css +1 -538
  35. package/dist/css/process.css +1 -483
  36. package/dist/css/progress-bars.css +1 -76
  37. package/dist/css/ring.css +1 -59
  38. package/dist/css/select.css +1 -99
  39. package/dist/css/sequences.css +1 -855
  40. package/dist/css/table.css +1 -446
  41. package/dist/css/tick.css +1 -32
  42. package/dist/css/tooltip.css +1 -142
  43. package/dist/css/utilities.css +1 -145
  44. package/dist/css/wells.css +1 -74
  45. package/package.json +2 -3
  46. package/src/less/buttons.less +6 -2
  47. package/src/less/core/_scaffolding.less +1 -3
  48. package/scripts/analyze-css-selectors.js +0 -39
@@ -1,20 +1 @@
1
- .bg {
2
- background-repeat: no-repeat;
3
- background-attachment: fixed;
4
- background-size: 100%;
5
- background-position: bottom;
6
- }
7
- .bg--dark {
8
- background-color: rgba(134,167,189,0.10196);
9
- background-image: url("../img/bg-dark.svg");
10
- }
11
- .np-theme-personal .bg--dark {
12
- background-color: var(--color-forest-green);
13
- background-image: none;
14
- color: #daffc0;
15
- }
16
- .bg--light {
17
- background-color: rgba(134,167,189,0.10196);
18
- background-color: var(--color-background-neutral);
19
- background-image: url("../img/bg-light.svg");
20
- }
1
+ .bg{background-attachment:fixed;background-position:bottom;background-repeat:no-repeat;background-size:100%}.bg--dark{background-color:#86a7bd1a;background-image:url(../img/bg-dark.svg)}.np-theme-personal .bg--dark{background-color:var(--color-forest-green);background-image:none;color:#daffc0}.bg--light{background-color:#86a7bd1a;background-color:var(--color-background-neutral);background-image:url(../img/bg-light.svg)}
@@ -1,90 +1 @@
1
- .badge {
2
- display: inline-block;
3
- min-width: 16px;
4
- min-width: var(--size-16);
5
- padding: 5px 8px;
6
- padding: 5px var(--size-8);
7
- font-size: 10px;
8
- font-weight: 600;
9
- font-weight: var(--font-weight-semi-bold);
10
- color: #fff;
11
- line-height: 1.2;
12
- line-height: var(--line-height-control);
13
- vertical-align: middle;
14
- white-space: nowrap;
15
- text-align: center;
16
- background-color: #e74848;
17
- background-color: var(--color-interactive-negative);
18
- border-radius: 16px;
19
- border-radius: var(--radius-medium);
20
- top: -1px;
21
- position: relative;
22
- }
23
- .np-theme-personal .badge {
24
- display: inline-block;
25
- min-width: 16px;
26
- min-width: var(--size-16);
27
- padding: 4px 8px;
28
- padding: var(--size-4) var(--size-8);
29
- color: #fff;
30
- vertical-align: middle;
31
- white-space: nowrap;
32
- text-align: center;
33
- line-height: normal;
34
- line-height: initial;
35
- background-color: #e74848;
36
- background-color: var(--color-interactive-negative);
37
- border-radius: 16px;
38
- border-radius: var(--radius-medium);
39
- position: relative;
40
- top: 0;
41
- }
42
- .badge:empty {
43
- display: none;
44
- }
45
- .btn .badge {
46
- position: relative;
47
- top: -1px;
48
- }
49
- .btn-xs .badge,
50
- .btn-group-xs > .btn .badge {
51
- top: 0;
52
- padding: 1px 5px;
53
- }
54
- a.badge:hover,
55
- a.badge:focus {
56
- -webkit-text-decoration: none;
57
- text-decoration: none;
58
- cursor: pointer;
59
- }
60
- .list-group-item > .badge {
61
- float: right;
62
- }
63
- [dir="rtl"] .list-group-item > .badge {
64
- float: left;
65
- }
66
- .list-group-item > .badge + .badge {
67
- margin-right: 5px;
68
- }
69
- [dir="rtl"] .list-group-item > .badge + .badge {
70
- margin-left: 5px;
71
- margin-right: 0;
72
- margin-right: initial;
73
- }
74
- .nav-pills > li > a > .badge,
75
- .nav-stacked > li > a > .badge {
76
- margin-left: 19px;
77
- }
78
- [dir="rtl"] .nav-pills > li > a > .badge,
79
- [dir="rtl"] .nav-stacked > li > a > .badge {
80
- margin-right: 19px;
81
- margin-left: 0;
82
- margin-left: initial;
83
- }
84
- .badge-success {
85
- background: #2ead4b;
86
- background: var(--color-interactive-positive);
87
- }
88
- .np-theme-personal .badge-success {
89
- background: var(--color-sentiment-positive);
90
- }
1
+ .badge{font-size:10px;font-weight:600;font-weight:var(--font-weight-semi-bold);line-height:1.2;line-height:var(--line-height-control);padding:5px 8px;padding:5px var(--size-8);top:-1px}.badge,.np-theme-personal .badge{background-color:#e74848;background-color:var(--color-interactive-negative);border-radius:16px;border-radius:var(--radius-medium);color:#fff;display:inline-block;min-width:16px;min-width:var(--size-16);position:relative;text-align:center;vertical-align:middle;white-space:nowrap}.np-theme-personal .badge{line-height:normal;padding:4px 8px;padding:var(--size-4) var(--size-8);top:0}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-group-xs>.btn .badge,.btn-xs .badge{padding:1px 5px;top:0}a.badge:focus,a.badge:hover{cursor:pointer;text-decoration:none}.list-group-item>.badge{float:right}[dir=rtl] .list-group-item>.badge{float:left}.list-group-item>.badge+.badge{margin-right:5px}[dir=rtl] .list-group-item>.badge+.badge{margin-left:5px;margin-right:0}.nav-pills>li>a>.badge,.nav-stacked>li>a>.badge{margin-left:19px}[dir=rtl] .nav-pills>li>a>.badge,[dir=rtl] .nav-stacked>li>a>.badge{margin-left:0;margin-right:19px}.badge-success{background:#2ead4b;background:var(--color-interactive-positive)}.np-theme-personal .badge-success{background:var(--color-sentiment-positive)}
@@ -1,3 +1 @@
1
- .rounded-sm {
2
- border-radius: 2px;
3
- }
1
+ .rounded-sm{border-radius:2px}
@@ -1,20 +1 @@
1
- .breadcrumb {
2
- padding: 8px 0;
3
- margin-bottom: 24px;
4
- margin-bottom: var(--size-24);
5
- list-style: none;
6
- background-color: none;
7
- border-radius: 3px;
8
- }
9
- .breadcrumb > li {
10
- display: inline-block;
11
- }
12
- .breadcrumb > li + li::before {
13
- content: "❯\00a0";
14
- padding: 0 5px;
15
- color: #fff;
16
- }
17
- .breadcrumb > .active {
18
- color: #5d7079;
19
- color: var(--color-content-secondary);
20
- }
1
+ .breadcrumb{background-color:none;border-radius:3px;list-style:none;margin-bottom:24px;margin-bottom:var(--size-24);padding:8px 0}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{color:#fff;content:"❯\00a0";padding:0 5px}.breadcrumb>.active{color:#5d7079;color:var(--color-content-secondary)}
@@ -1,412 +1 @@
1
- @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
- }.btn-group,
4
- .btn-group-vertical {
5
- position: relative;
6
- display: inline-block;
7
- vertical-align: middle;
8
- }.btn-group > .btn,
9
- .btn-group-vertical > .btn {
10
- position: relative;
11
- float: left;
12
- }[dir="rtl"] .btn-group > .btn,
13
- [dir="rtl"] .btn-group-vertical > .btn {
14
- float: right;
15
- }.btn-group .btn + .btn,
16
- .btn-group .btn + .btn-group,
17
- .btn-group .btn-group + .btn,
18
- .btn-group .btn-group + .btn-group {
19
- margin-left: -1px;
20
- }[dir="rtl"] .btn-group .btn + .btn,
21
- [dir="rtl"] .btn-group .btn + .btn-group,
22
- [dir="rtl"] .btn-group .btn-group + .btn,
23
- [dir="rtl"] .btn-group .btn-group + .btn-group {
24
- margin-right: -1px;
25
- margin-left: 0;
26
- margin-left: initial;
27
- }.btn-toolbar::before,
28
- .btn-toolbar::after {
29
- content: " ";
30
- display: table;
31
- }.btn-toolbar::after {
32
- clear: both;
33
- }.btn-toolbar .btn,
34
- .btn-toolbar .btn-group,
35
- .btn-toolbar .input-group {
36
- width: 100%;
37
- margin-bottom: 16px;
38
- }.btn-toolbar .btn-group .btn,
39
- .btn-toolbar .input-group .btn {
40
- width: auto;
41
- margin: 0;
42
- margin-left: -1px;
43
- }[dir="rtl"] .btn-toolbar .btn-group .btn,
44
- [dir="rtl"] .btn-toolbar .input-group .btn {
45
- margin-right: -1px;
46
- margin-left: 0;
47
- margin-left: initial;
48
- }@media (min-width: 992px) {
49
- .btn-toolbar:not(.btn-toolbar-xl) {
50
- margin-left: -4px;
51
- margin-right: -4px;
52
- }
53
- .btn-toolbar:not(.btn-toolbar-xl) .btn,
54
- .btn-toolbar:not(.btn-toolbar-xl) .btn-group,
55
- .btn-toolbar:not(.btn-toolbar-xl) .input-group {
56
- width: auto;
57
- margin-bottom: 0;
58
- float: left;
59
- margin-left: 4px;
60
- margin-right: 4px;
61
- }
62
- [dir="rtl"] .btn-toolbar:not(.btn-toolbar-xl) .btn,
63
- [dir="rtl"] .btn-toolbar:not(.btn-toolbar-xl) .btn-group,
64
- [dir="rtl"] .btn-toolbar:not(.btn-toolbar-xl) .input-group {
65
- float: right;
66
- }
67
- }.btn-toolbar.btn-toolbar-xs {
68
- margin-left: -4px;
69
- margin-right: -4px;
70
- }.btn-toolbar.btn-toolbar-xs .btn,
71
- .btn-toolbar.btn-toolbar-xs .btn-group,
72
- .btn-toolbar.btn-toolbar-xs .input-group {
73
- width: auto;
74
- margin-bottom: 0;
75
- float: left;
76
- margin-left: 4px;
77
- margin-right: 4px;
78
- }[dir="rtl"] .btn-toolbar.btn-toolbar-xs .btn,
79
- [dir="rtl"] .btn-toolbar.btn-toolbar-xs .btn-group,
80
- [dir="rtl"] .btn-toolbar.btn-toolbar-xs .input-group {
81
- float: right;
82
- }@media (min-width: 576px) {
83
- .btn-toolbar.btn-toolbar-sm {
84
- margin-left: -4px;
85
- margin-right: -4px;
86
- }
87
- .btn-toolbar.btn-toolbar-sm .btn,
88
- .btn-toolbar.btn-toolbar-sm .btn-group,
89
- .btn-toolbar.btn-toolbar-sm .input-group {
90
- width: auto;
91
- margin-bottom: 0;
92
- float: left;
93
- margin-left: 4px;
94
- margin-right: 4px;
95
- }
96
- [dir="rtl"] .btn-toolbar.btn-toolbar-sm .btn,
97
- [dir="rtl"] .btn-toolbar.btn-toolbar-sm .btn-group,
98
- [dir="rtl"] .btn-toolbar.btn-toolbar-sm .input-group {
99
- float: right;
100
- }
101
- }@media (min-width: 768px) {
102
- .btn-toolbar.btn-toolbar-md {
103
- margin-left: -4px;
104
- margin-right: -4px;
105
- }
106
- .btn-toolbar.btn-toolbar-md .btn,
107
- .btn-toolbar.btn-toolbar-md .btn-group,
108
- .btn-toolbar.btn-toolbar-md .input-group {
109
- width: auto;
110
- margin-bottom: 0;
111
- float: left;
112
- margin-left: 4px;
113
- margin-right: 4px;
114
- }
115
- [dir="rtl"] .btn-toolbar.btn-toolbar-md .btn,
116
- [dir="rtl"] .btn-toolbar.btn-toolbar-md .btn-group,
117
- [dir="rtl"] .btn-toolbar.btn-toolbar-md .input-group {
118
- float: right;
119
- }
120
- }@media (min-width: 992px) {
121
- .btn-toolbar.btn-toolbar-lg {
122
- margin-left: -4px;
123
- margin-right: -4px;
124
- }
125
- .btn-toolbar.btn-toolbar-lg .btn,
126
- .btn-toolbar.btn-toolbar-lg .btn-group,
127
- .btn-toolbar.btn-toolbar-lg .input-group {
128
- width: auto;
129
- margin-bottom: 0;
130
- float: left;
131
- margin-left: 4px;
132
- margin-right: 4px;
133
- }
134
- [dir="rtl"] .btn-toolbar.btn-toolbar-lg .btn,
135
- [dir="rtl"] .btn-toolbar.btn-toolbar-lg .btn-group,
136
- [dir="rtl"] .btn-toolbar.btn-toolbar-lg .input-group {
137
- float: right;
138
- }
139
- }@media (min-width: 1200px) {
140
- .btn-toolbar.btn-toolbar-xl {
141
- margin-left: -4px;
142
- margin-right: -4px;
143
- }
144
- .btn-toolbar.btn-toolbar-xl .btn,
145
- .btn-toolbar.btn-toolbar-xl .btn-group,
146
- .btn-toolbar.btn-toolbar-xl .input-group {
147
- width: auto;
148
- margin-bottom: 0;
149
- float: left;
150
- margin-left: 4px;
151
- margin-right: 4px;
152
- }
153
- [dir="rtl"] .btn-toolbar.btn-toolbar-xl .btn,
154
- [dir="rtl"] .btn-toolbar.btn-toolbar-xl .btn-group,
155
- [dir="rtl"] .btn-toolbar.btn-toolbar-xl .input-group {
156
- float: right;
157
- }
158
- }.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
159
- border-radius: 0;
160
- }.btn-group > .btn:first-child {
161
- margin-left: 0;
162
- }[dir="rtl"] .btn-group > .btn:first-child {
163
- margin-right: 0;
164
- margin-left: 0;
165
- margin-left: initial;
166
- }[dir="rtl"] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
167
- border-bottom-left-radius: 0;
168
- border-top-left-radius: 0;
169
- }html:not([dir="rtl"]) .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
170
- border-bottom-right-radius: 0;
171
- border-top-right-radius: 0;
172
- }[dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
173
- [dir="rtl"] .btn-group > .dropdown-toggle:not(:first-child) {
174
- border-bottom-right-radius: 0;
175
- border-top-right-radius: 0;
176
- }html:not([dir="rtl"]) .btn-group > .btn:last-child:not(:first-child),
177
- html:not([dir="rtl"]) .btn-group > .dropdown-toggle:not(:first-child) {
178
- border-bottom-left-radius: 0;
179
- border-top-left-radius: 0;
180
- }.btn-group > .btn-group {
181
- float: left;
182
- }[dir="rtl"] .btn-group > .btn-group {
183
- float: right;
184
- }.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
185
- border-radius: 0;
186
- }[dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
187
- [dir="rtl"] .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
188
- border-bottom-left-radius: 0;
189
- border-top-left-radius: 0;
190
- }html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
191
- html:not([dir="rtl"]) .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
192
- border-bottom-right-radius: 0;
193
- border-top-right-radius: 0;
194
- }[dir="rtl"] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
195
- border-bottom-right-radius: 0;
196
- border-top-right-radius: 0;
197
- }html:not([dir="rtl"]) .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
198
- border-bottom-left-radius: 0;
199
- border-top-left-radius: 0;
200
- }.btn-group .dropdown-toggle:active,
201
- .btn-group.open .dropdown-toggle {
202
- outline: 0;
203
- }.btn-group > .btn + .dropdown-toggle {
204
- padding-left: 12px;
205
- padding-right: 12px;
206
- }[dir="rtl"] .btn-group > .btn + .dropdown-toggle {
207
- padding-right: 12px;
208
- padding-left: 0;
209
- padding-left: initial;
210
- }[dir="rtl"] .btn-group > .btn + .dropdown-toggle {
211
- padding-left: 12px;
212
- padding-right: 0;
213
- padding-right: initial;
214
- }.btn-group > .btn-lg + .dropdown-toggle {
215
- padding-left: 12px;
216
- padding-right: 12px;
217
- }[dir="rtl"] .btn-group > .btn-lg + .dropdown-toggle {
218
- padding-right: 12px;
219
- padding-left: 0;
220
- padding-left: initial;
221
- }[dir="rtl"] .btn-group > .btn-lg + .dropdown-toggle {
222
- padding-left: 12px;
223
- padding-right: 0;
224
- padding-right: initial;
225
- }.btn-group.open .dropdown-toggle {
226
- box-shadow: none;
227
- }.btn-group.open .dropdown-toggle.btn-link {
228
- box-shadow: none;
229
- }.btn-lg .caret {
230
- border-width: 5px 5px 0;
231
- border-bottom-width: 0;
232
- }.btn-sm .caret,
233
- .input-group-sm .btn .caret {
234
- top: 8px !important;
235
- }.btn-lg .caret,
236
- .input-group-lg .btn .caret {
237
- top: 27px !important;
238
- }.dropup .btn-lg .caret {
239
- border-width: 0 5px 5px;
240
- }.btn-group-vertical > .btn,
241
- .btn-group-vertical > .btn-group,
242
- .btn-group-vertical > .btn-group > .btn {
243
- display: block;
244
- float: none;
245
- width: 100%;
246
- max-width: 100%;
247
- }.btn-group-vertical > .btn-group > .btn {
248
- float: none;
249
- }.btn-group-vertical > .btn + .btn,
250
- .btn-group-vertical > .btn + .btn-group,
251
- .btn-group-vertical > .btn-group + .btn,
252
- .btn-group-vertical > .btn-group + .btn-group {
253
- margin-top: -1px;
254
- margin-left: 0;
255
- }[dir="rtl"] .btn-group-vertical > .btn + .btn,
256
- [dir="rtl"] .btn-group-vertical > .btn + .btn-group,
257
- [dir="rtl"] .btn-group-vertical > .btn-group + .btn,
258
- [dir="rtl"] .btn-group-vertical > .btn-group + .btn-group {
259
- margin-right: 0;
260
- margin-left: 0;
261
- margin-left: initial;
262
- }.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
263
- border-radius: 0;
264
- }.btn-group-vertical > .btn:first-child:not(:last-child) {
265
- border-top-right-radius: 3px;
266
- border-bottom-right-radius: 0;
267
- border-bottom-left-radius: 0;
268
- }.btn-group-vertical > .btn:last-child:not(:first-child) {
269
- border-bottom-left-radius: 3px;
270
- border-top-right-radius: 0;
271
- border-top-left-radius: 0;
272
- }.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
273
- border-radius: 0;
274
- }.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
275
- .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
276
- border-bottom-right-radius: 0;
277
- border-bottom-left-radius: 0;
278
- }.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
279
- border-top-right-radius: 0;
280
- border-top-left-radius: 0;
281
- }.btn-group-justified {
282
- display: table;
283
- width: 100%;
284
- table-layout: fixed;
285
- border-collapse: separate;
286
- }.btn-group-justified > .btn,
287
- .btn-group-justified > .btn-group {
288
- float: none;
289
- display: table-cell;
290
- width: 1%;
291
- }.btn-group-justified > .btn-group .btn {
292
- width: 100%;
293
- }.btn-group-justified > .btn-group .dropdown-menu {
294
- left: auto;
295
- }[dir="rtl"] .btn-group-justified > .btn-group .dropdown-menu {
296
- right: auto;
297
- left: auto;
298
- left: initial;
299
- }[data-toggle="buttons"] > .btn input[type="radio"],
300
- [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
301
- [data-toggle="buttons"] > .btn input[type="checkbox"],
302
- [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
303
- position: absolute;
304
- clip: rect(0, 0, 0, 0);
305
- pointer-events: none;
306
- }[dir="rtl"] .btn-group .btn + .btn-success {
307
- border-right: 1px solid #008026;
308
- border-right: 1px solid var(--color-content-positive);
309
- }html:not([dir="rtl"]) .btn-group .btn + .btn-success {
310
- border-left: 1px solid #008026;
311
- border-left: 1px solid var(--color-content-positive);
312
- }[dir="rtl"] .btn-group .btn + .btn-primary {
313
- border-right: 1px solid #0097c7;
314
- border-right: 1px solid var(--color-content-accent);
315
- }html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
316
- border-left: 1px solid #0097c7;
317
- border-left: 1px solid var(--color-content-accent);
318
- }.btn-group.btn-block {
319
- display: inline-flex;
320
- }.btn-group.btn-block::before,
321
- .btn-group.btn-block::after {
322
- content: " ";
323
- display: table;
324
- }.btn-group.btn-block::after {
325
- clear: both;
326
- }.btn-group.btn-block .btn {
327
- display: block;
328
- width: 100%;
329
- }.btn-group.btn-block .btn-input.btn {
330
- text-align: left;
331
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn {
332
- text-align: right;
333
- }.btn-group.btn-block .btn-input.btn .caret {
334
- position: absolute;
335
- right: 16px;
336
- top: 16px;
337
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn .caret {
338
- left: 16px;
339
- right: auto;
340
- right: initial;
341
- }.btn-group.btn-block .btn-input.btn.btn-sm .caret {
342
- right: 8px;
343
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn.btn-sm .caret {
344
- left: 8px;
345
- right: auto;
346
- right: initial;
347
- }.btn-group.btn-block .btn-input.btn.dropdown-toggle {
348
- padding-right: 40px;
349
- overflow: hidden;
350
- text-overflow: ellipsis;
351
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn.dropdown-toggle {
352
- padding-left: 40px;
353
- padding-right: 16px;
354
- }@media (min-width: 576px) {
355
- .btn-group.btn-block .btn-input.btn.dropdown-toggle {
356
- padding-right: 48px;
357
- }
358
- [dir="rtl"] .btn-group.btn-block .btn-input.btn.dropdown-toggle {
359
- padding-left: 48px;
360
- padding-right: 16px;
361
- }
362
- }.btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle {
363
- padding-right: 33px;
364
- }[dir="rtl"] .btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle {
365
- padding-left: 33px;
366
- padding-right: 0;
367
- padding-right: initial;
368
- }.btn-group.btn-block .btn + .dropdown-toggle {
369
- flex: 0;
370
- }.btn-group.btn-block .btn + .dropdown-toggle .caret {
371
- position: relative;
372
- top: 0;
373
- right: 0;
374
- }[dir="rtl"] .btn-group.btn-block .btn + .dropdown-toggle .caret {
375
- left: 0;
376
- right: auto;
377
- right: initial;
378
- }.btn-block .dropdown-menu {
379
- width: 100%;
380
- }.btn-block .dropdown-menu > li > a {
381
- overflow: hidden;
382
- width: 100%;
383
- text-overflow: ellipsis;
384
- }.btn-group .dropdown-menu {
385
- max-height: 90vh;
386
- max-height: 90svh;
387
- overflow: auto;
388
- }.btn-group .btn-input + .dropdown-menu > li > a {
389
- white-space: normal;
390
- }.btn-group .np-text-body-default,
391
- .btn-group .body-2,
392
- .btn-group .small {
393
- color: #5d7079;
394
- color: var(--color-content-secondary);
395
- }@media (min-height: 592px) {
396
- .btn-group .dropdown-menu {
397
- max-height: 592px;
398
- }
399
- }.btn-group .secondary {
400
- line-height: 1.5;
401
- line-height: var(--line-height-body);
402
- font-size: 1rem;
403
- font-size: var(--font-size-16);
404
- font-size: 0.875rem;
405
- font-size: var(--font-size-14);
406
- line-height: 155%;
407
- letter-spacing: -0.006em;
408
- font-weight: 400;
409
- font-weight: var(--font-weight-regular);
410
- color: #5d7079;
411
- color: var(--color-content-secondary);
412
- }
1
+ .btn-group,.btn-group-vertical{display:inline-block;position:relative;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{float:left;position:relative}[dir=rtl] .btn-group-vertical>.btn,[dir=rtl] .btn-group>.btn{float:right}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}[dir=rtl] .btn-group .btn+.btn,[dir=rtl] .btn-group .btn+.btn-group,[dir=rtl] .btn-group .btn-group+.btn,[dir=rtl] .btn-group .btn-group+.btn-group{margin-left:0;margin-right:-1px}.btn-toolbar:after,.btn-toolbar:before{content:" ";display:table}.btn-toolbar:after{clear:both}.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{margin-bottom:16px;width:100%}.btn-toolbar .btn-group .btn,.btn-toolbar .input-group .btn{margin:0 0 0 -1px;width:auto}[dir=rtl] .btn-toolbar .btn-group .btn,[dir=rtl] .btn-toolbar .input-group .btn{margin-left:0;margin-right:-1px}@media (min-width:992px){.btn-toolbar:not(.btn-toolbar-xl){margin-left:-4px;margin-right:-4px}.btn-toolbar:not(.btn-toolbar-xl) .btn,.btn-toolbar:not(.btn-toolbar-xl) .btn-group,.btn-toolbar:not(.btn-toolbar-xl) .input-group{float:left;margin-bottom:0;margin-left:4px;margin-right:4px;width:auto}[dir=rtl] .btn-toolbar:not(.btn-toolbar-xl) .btn,[dir=rtl] .btn-toolbar:not(.btn-toolbar-xl) .btn-group,[dir=rtl] .btn-toolbar:not(.btn-toolbar-xl) .input-group{float:right}}.btn-toolbar.btn-toolbar-xs{margin-left:-4px;margin-right:-4px}.btn-toolbar.btn-toolbar-xs .btn,.btn-toolbar.btn-toolbar-xs .btn-group,.btn-toolbar.btn-toolbar-xs .input-group{float:left;margin-bottom:0;margin-left:4px;margin-right:4px;width:auto}[dir=rtl] .btn-toolbar.btn-toolbar-xs .btn,[dir=rtl] .btn-toolbar.btn-toolbar-xs .btn-group,[dir=rtl] .btn-toolbar.btn-toolbar-xs .input-group{float:right}@media (min-width:576px){.btn-toolbar.btn-toolbar-sm{margin-left:-4px;margin-right:-4px}.btn-toolbar.btn-toolbar-sm .btn,.btn-toolbar.btn-toolbar-sm .btn-group,.btn-toolbar.btn-toolbar-sm .input-group{float:left;margin-bottom:0;margin-left:4px;margin-right:4px;width:auto}[dir=rtl] .btn-toolbar.btn-toolbar-sm .btn,[dir=rtl] .btn-toolbar.btn-toolbar-sm .btn-group,[dir=rtl] .btn-toolbar.btn-toolbar-sm .input-group{float:right}}@media (min-width:768px){.btn-toolbar.btn-toolbar-md{margin-left:-4px;margin-right:-4px}.btn-toolbar.btn-toolbar-md .btn,.btn-toolbar.btn-toolbar-md .btn-group,.btn-toolbar.btn-toolbar-md .input-group{float:left;margin-bottom:0;margin-left:4px;margin-right:4px;width:auto}[dir=rtl] .btn-toolbar.btn-toolbar-md .btn,[dir=rtl] .btn-toolbar.btn-toolbar-md .btn-group,[dir=rtl] .btn-toolbar.btn-toolbar-md .input-group{float:right}}@media (min-width:992px){.btn-toolbar.btn-toolbar-lg{margin-left:-4px;margin-right:-4px}.btn-toolbar.btn-toolbar-lg .btn,.btn-toolbar.btn-toolbar-lg .btn-group,.btn-toolbar.btn-toolbar-lg .input-group{float:left;margin-bottom:0;margin-left:4px;margin-right:4px;width:auto}[dir=rtl] .btn-toolbar.btn-toolbar-lg .btn,[dir=rtl] .btn-toolbar.btn-toolbar-lg .btn-group,[dir=rtl] .btn-toolbar.btn-toolbar-lg .input-group{float:right}}@media (min-width:1200px){.btn-toolbar.btn-toolbar-xl{margin-left:-4px;margin-right:-4px}.btn-toolbar.btn-toolbar-xl .btn,.btn-toolbar.btn-toolbar-xl .btn-group,.btn-toolbar.btn-toolbar-xl .input-group{float:left;margin-bottom:0;margin-left:4px;margin-right:4px;width:auto}[dir=rtl] .btn-toolbar.btn-toolbar-xl .btn,[dir=rtl] .btn-toolbar.btn-toolbar-xl .btn-group,[dir=rtl] .btn-toolbar.btn-toolbar-xl .input-group{float:right}}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}[dir=rtl] .btn-group>.btn:first-child{margin-left:0;margin-right:0}[dir=rtl] .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .btn-group>.btn:last-child:not(:first-child),[dir=rtl] .btn-group>.dropdown-toggle:not(:first-child),html:not([dir=rtl]) .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}html:not([dir=rtl]) .btn-group>.btn:last-child:not(:first-child),html:not([dir=rtl]) .btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}[dir=rtl] .btn-group>.btn-group{float:right}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}[dir=rtl] .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,[dir=rtl] .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child,html:not([dir=rtl]) .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,html:not([dir=rtl]) .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}html:not([dir=rtl]) .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:12px;padding-right:12px}[dir=rtl] .btn-group>.btn+.dropdown-toggle{padding-left:0;padding-left:12px;padding-right:12px;padding-right:0}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}[dir=rtl] .btn-group>.btn-lg+.dropdown-toggle{padding-left:0;padding-left:12px;padding-right:12px;padding-right:0}.btn-group.open .dropdown-toggle,.btn-group.open .dropdown-toggle.btn-link{box-shadow:none}.btn-lg .caret{border-width:5px 5px 0}.btn-sm .caret,.input-group-sm .btn .caret{top:8px!important}.btn-lg .caret,.input-group-lg .btn .caret{top:27px!important}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;max-width:100%;width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-top:-1px}[dir=rtl] .btn-group-vertical>.btn+.btn,[dir=rtl] .btn-group-vertical>.btn+.btn-group,[dir=rtl] .btn-group-vertical>.btn-group+.btn,[dir=rtl] .btn-group-vertical>.btn-group+.btn-group{margin-left:0;margin-right:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-right-radius:3px}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:3px;border-top-left-radius:0;border-top-right-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-left-radius:0;border-bottom-right-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-top-right-radius:0}.btn-group-justified{border-collapse:separate;display:table;table-layout:fixed;width:100%}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[dir=rtl] .btn-group-justified>.btn-group .dropdown-menu{left:auto;right:auto}[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}[dir=rtl] .btn-group .btn+.btn-success{border-right:1px solid #008026;border-right:1px solid var(--color-content-positive)}html:not([dir=rtl]) .btn-group .btn+.btn-success{border-left:1px solid #008026;border-left:1px solid var(--color-content-positive)}[dir=rtl] .btn-group .btn+.btn-primary{border-right:1px solid #0097c7;border-right:1px solid var(--color-content-accent)}html:not([dir=rtl]) .btn-group .btn+.btn-primary{border-left:1px solid #0097c7;border-left:1px solid var(--color-content-accent)}.btn-group.btn-block{display:inline-flex}.btn-group.btn-block:after,.btn-group.btn-block:before{content:" ";display:table}.btn-group.btn-block:after{clear:both}.btn-group.btn-block .btn{display:block;width:100%}.btn-group.btn-block .btn-input.btn{text-align:left}[dir=rtl] .btn-group.btn-block .btn-input.btn{text-align:right}.btn-group.btn-block .btn-input.btn .caret{position:absolute;right:16px;top:16px}[dir=rtl] .btn-group.btn-block .btn-input.btn .caret{left:16px;right:auto}.btn-group.btn-block .btn-input.btn.btn-sm .caret{right:8px}[dir=rtl] .btn-group.btn-block .btn-input.btn.btn-sm .caret{left:8px;right:auto}.btn-group.btn-block .btn-input.btn.dropdown-toggle{overflow:hidden;padding-right:40px;text-overflow:ellipsis}[dir=rtl] .btn-group.btn-block .btn-input.btn.dropdown-toggle{padding-left:40px;padding-right:16px}@media (min-width:576px){.btn-group.btn-block .btn-input.btn.dropdown-toggle{padding-right:48px}[dir=rtl] .btn-group.btn-block .btn-input.btn.dropdown-toggle{padding-left:48px;padding-right:16px}}.btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle{padding-right:33px}[dir=rtl] .btn-group.btn-block .btn-input.btn.btn-sm.dropdown-toggle{padding-left:33px;padding-right:0}.btn-group.btn-block .btn+.dropdown-toggle{flex:0}.btn-group.btn-block .btn+.dropdown-toggle .caret{position:relative;right:0;top:0}[dir=rtl] .btn-group.btn-block .btn+.dropdown-toggle .caret{left:0;right:auto}.btn-block .dropdown-menu{width:100%}.btn-block .dropdown-menu>li>a{overflow:hidden;text-overflow:ellipsis;width:100%}.btn-group .dropdown-menu{max-height:90vh;max-height:90svh;overflow:auto}.btn-group .btn-input+.dropdown-menu>li>a{white-space:normal}.btn-group .body-2,.btn-group .np-text-body-default,.btn-group .small{color:#5d7079;color:var(--color-content-secondary)}@media (min-height:592px){.btn-group .dropdown-menu{max-height:592px}}.btn-group .secondary{color:#5d7079;color:var(--color-content-secondary);font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.006em;line-height:1.5;line-height:var(--line-height-body);line-height:155%}