@transferwise/neptune-css 0.0.0-experimental-2acee4e → 0.0.0-experimental-420990c

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.
@@ -35,8 +35,6 @@
35
35
  }
36
36
  @media (min-width: 768px) {
37
37
  }
38
- @media (min-width: 768px) {
39
- }
40
38
  .decision {
41
39
  cursor: pointer;
42
40
  margin-bottom: 0 !important;
@@ -11,7 +11,6 @@
11
11
  margin-bottom: var(--size-16);
12
12
  }
13
13
  .np-theme-personal .alert {
14
- padding: 24px;
15
14
  padding: var(--padding-medium);
16
15
  border-radius: 16px;
17
16
  border-radius: var(--radius-medium);
@@ -101,7 +100,6 @@
101
100
  }
102
101
  [dir="rtl"] .arrow.arrow-left::before {
103
102
  right: 20px;
104
- left: auto;
105
103
  left: initial;
106
104
  }
107
105
  [dir="rtl"] .arrow.arrow-left::before {
@@ -114,7 +112,6 @@
114
112
  right: 20px;
115
113
  }
116
114
  [dir="rtl"] .arrow.arrow-right::before {
117
- right: auto;
118
115
  left: auto;
119
116
  left: initial;
120
117
  }
@@ -188,7 +185,6 @@
188
185
  }
189
186
  [dir="rtl"] .form-group .alert.arrow-left::before {
190
187
  right: 20px;
191
- left: auto;
192
188
  left: initial;
193
189
  }
194
190
  [dir="rtl"] .form-group .alert.arrow-left::before {
@@ -201,7 +197,6 @@
201
197
  right: 20px;
202
198
  }
203
199
  [dir="rtl"] .form-group .alert.arrow-right::before {
204
- right: auto;
205
200
  left: auto;
206
201
  left: initial;
207
202
  }
@@ -1,11 +1,11 @@
1
1
  .rounded-sm {
2
2
  border-radius: 2px;
3
3
  }
4
- .img-rounded {
4
+ .rounded {
5
5
  border-radius: 10px;
6
6
  border-radius: var(--radius-small);
7
7
  }
8
- .img-circle {
8
+ .rounded-full {
9
9
  border-radius: 9999px;
10
10
  border-radius: var(--radius-full);
11
11
  }
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.btn-group,
4
3
  .btn-group-vertical {
5
4
  position: relative;
@@ -3,8 +3,6 @@
3
3
  }
4
4
  @media (min-width: 768px) {
5
5
  }
6
- @media (min-width: 768px) {
7
- }
8
6
  .btn {
9
7
  line-height: 150%;
10
8
  letter-spacing: -0.011em;
@@ -272,8 +272,6 @@ a.circle.active:hover {
272
272
  }
273
273
  [dir="rtl"] .btn .circle .tw-icon,
274
274
  [dir="rtl"] .dropdown-menu li .circle .tw-icon {
275
- margin-right: 0;
276
- margin-left: 0;
277
275
  margin-left: initial;
278
276
  }
279
277
  [dir="rtl"] .btn .circle .tw-icon,
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.decision {
4
3
  cursor: pointer;
5
4
  margin-bottom: 0 !important;
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.dropup,
4
3
  .dropdown {
5
4
  position: relative;
@@ -196,7 +195,6 @@
196
195
  right: 0;
197
196
  }[dir="rtl"] .dropdown-menu-right,
198
197
  [dir="rtl"] .dropdown-menu-xs-right {
199
- right: auto;
200
198
  left: auto;
201
199
  left: initial;
202
200
  }[dir="rtl"] .dropdown-menu-right,
@@ -211,7 +209,6 @@
211
209
  }[dir="rtl"] .dropdown-menu-left,
212
210
  [dir="rtl"] .dropdown-menu-xs-left {
213
211
  right: 0;
214
- left: auto;
215
212
  left: initial;
216
213
  }[dir="rtl"] .dropdown-menu-left,
217
214
  [dir="rtl"] .dropdown-menu-xs-left {
@@ -224,7 +221,6 @@
224
221
  right: 0;
225
222
  }
226
223
  [dir="rtl"] .dropdown-menu-sm-right {
227
- right: auto;
228
224
  left: auto;
229
225
  left: initial;
230
226
  }
@@ -239,7 +235,6 @@
239
235
  }
240
236
  [dir="rtl"] .dropdown-menu-sm-left {
241
237
  right: 0;
242
- left: auto;
243
238
  left: initial;
244
239
  }
245
240
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -253,7 +248,6 @@
253
248
  right: 0;
254
249
  }
255
250
  [dir="rtl"] .dropdown-menu-md-right {
256
- right: auto;
257
251
  left: auto;
258
252
  left: initial;
259
253
  }
@@ -268,7 +262,6 @@
268
262
  }
269
263
  [dir="rtl"] .dropdown-menu-md-left {
270
264
  right: 0;
271
- left: auto;
272
265
  left: initial;
273
266
  }
274
267
  [dir="rtl"] .dropdown-menu-md-left {
@@ -282,7 +275,6 @@
282
275
  right: 0;
283
276
  }
284
277
  [dir="rtl"] .dropdown-menu-lg-right {
285
- right: auto;
286
278
  left: auto;
287
279
  left: initial;
288
280
  }
@@ -297,7 +289,6 @@
297
289
  }
298
290
  [dir="rtl"] .dropdown-menu-lg-left {
299
291
  right: 0;
300
- left: auto;
301
292
  left: initial;
302
293
  }
303
294
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -311,7 +302,6 @@
311
302
  right: 0;
312
303
  }
313
304
  [dir="rtl"] .dropdown-menu-xl-right {
314
- right: auto;
315
305
  left: auto;
316
306
  left: initial;
317
307
  }
@@ -326,7 +316,6 @@
326
316
  }
327
317
  [dir="rtl"] .dropdown-menu-xl-left {
328
318
  right: 0;
329
- left: auto;
330
319
  left: initial;
331
320
  }
332
321
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -385,7 +374,6 @@
385
374
  right: 0;
386
375
  }
387
376
  [dir="rtl"] .navbar-right .dropdown-menu {
388
- right: auto;
389
377
  left: auto;
390
378
  left: initial;
391
379
  }
@@ -400,7 +388,6 @@
400
388
  }
401
389
  [dir="rtl"] .navbar-right .dropdown-menu-left {
402
390
  right: 0;
403
- left: auto;
404
391
  left: initial;
405
392
  }
406
393
  [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.droppable {
4
3
  position: relative;
5
4
  font-weight: 400;
package/dist/css/flex.css CHANGED
@@ -205,7 +205,7 @@
205
205
  .visible-xl-inline {
206
206
  display: none !important;
207
207
  }
208
- @media not all and (min-width: 576px) {
208
+ @media (max-width: 575px) {
209
209
  .hidden-xs {
210
210
  display: none !important;
211
211
  }
@@ -228,7 +228,7 @@
228
228
  display: inline-flex;
229
229
  }
230
230
  }
231
- @media (--screen-sm) and not all and (--screen-md) {
231
+ @media (min-width: 576px) and (max-width: 767px) {
232
232
  .hidden-sm {
233
233
  display: none !important;
234
234
  }
@@ -251,7 +251,7 @@
251
251
  display: inline-flex;
252
252
  }
253
253
  }
254
- @media (--screen-md) and not all and (--screen-lg) {
254
+ @media (min-width: 768px) and (max-width: 991px) {
255
255
  .hidden-md {
256
256
  display: none !important;
257
257
  }
@@ -274,7 +274,7 @@
274
274
  display: inline-flex;
275
275
  }
276
276
  }
277
- @media (--screen-lg) and not all and (--screen-xl) {
277
+ @media (min-width: 992px) and (max-width: 1199px) {
278
278
  .hidden-lg {
279
279
  display: none !important;
280
280
  }
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.footer {
4
3
  background-color: rgba(134,167,189,0.10196);
5
4
  background-color: var(--color-background-neutral);
package/dist/css/grid.css CHANGED
@@ -41,10 +41,6 @@
41
41
  margin-left: -12px;
42
42
  margin-right: -12px;
43
43
  }
44
- [dir="rtl"] .row {
45
- margin-right: -12px;
46
- margin-left: -12px;
47
- }
48
44
  [dir="rtl"] .row {
49
45
  margin-left: -12px;
50
46
  margin-right: -12px;
@@ -3,8 +3,6 @@
3
3
  }
4
4
  @media (min-width: 768px) {
5
5
  }
6
- @media (min-width: 768px) {
7
- }
8
6
  form {
9
7
  margin-bottom: 0;
10
8
  }
@@ -300,8 +298,6 @@ fieldset[disabled] .checkbox label {
300
298
  }
301
299
  [dir="rtl"] .form-control-static.input-lg,
302
300
  [dir="rtl"] .form-control-static.input-sm {
303
- padding-right: 0;
304
- padding-left: 0;
305
301
  padding-left: initial;
306
302
  }
307
303
  [dir="rtl"] .form-control-static.input-lg,
@@ -540,7 +536,6 @@ select[multiple].input-lg {
540
536
  }
541
537
  [dir="rtl"] .help-block.arrow-left::before {
542
538
  right: 20px;
543
- left: auto;
544
539
  left: initial;
545
540
  }
546
541
  [dir="rtl"] .help-block.arrow-left::before {
@@ -553,7 +548,6 @@ select[multiple].input-lg {
553
548
  right: 20px;
554
549
  }
555
550
  [dir="rtl"] .help-block.arrow-right::before {
556
- right: auto;
557
551
  left: auto;
558
552
  left: initial;
559
553
  }
@@ -1407,10 +1401,6 @@ select[multiple].input-lg {
1407
1401
  margin-left: -12px;
1408
1402
  margin-right: -12px;
1409
1403
  }
1410
- [dir="rtl"] .form-horizontal .form-group {
1411
- margin-right: -12px;
1412
- margin-left: -12px;
1413
- }
1414
1404
  [dir="rtl"] .form-horizontal .form-group {
1415
1405
  margin-left: -12px;
1416
1406
  margin-right: -12px;
@@ -1808,8 +1798,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
1808
1798
  border-left: 0 solid transparent;
1809
1799
  }
1810
1800
  .input-group-addon {
1811
- color: #5d7079;
1812
- color: var(--color-content-secondary);
1813
1801
  transition: border-color ease-in-out 0.15s;
1814
1802
  }
1815
1803
  .form-control-feedback,
@@ -2354,7 +2342,6 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
2354
2342
  line-height: 1.2;
2355
2343
  line-height: var(--line-height-title);
2356
2344
  letter-spacing: 0;
2357
- margin-bottom: 0;
2358
2345
  margin-bottom: initial;
2359
2346
  font-size: 1.375rem;
2360
2347
  font-size: var(--font-size-22);
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }.list-group {
4
3
  list-style-type: none;
5
4
  margin-bottom: 20px;
@@ -1,5 +1,4 @@
1
1
  @media (min-width: 768px) {
2
- }@media (min-width: 768px) {
3
2
  }@media (min-width: 576px) {
4
3
  }.navbar::before,
5
4
  .navbar::after,
@@ -517,7 +516,6 @@
517
516
  }[dir="rtl"] .navbar-right li > .dropdown-menu::before,
518
517
  [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
519
518
  left: calc((8px * 2) + (8px / 2));
520
- right: auto;
521
519
  right: initial;
522
520
  }[dir="rtl"] .navbar-right li > .dropdown-menu::before,
523
521
  [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
@@ -542,7 +540,6 @@
542
540
  margin-left: -4px;
543
541
  }[dir="rtl"] .navbar-right.dropdown-menu-center::before,
544
542
  [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
545
- left: auto;
546
543
  right: auto;
547
544
  right: initial;
548
545
  }[dir="rtl"] .navbar-right.dropdown-menu-center::before,
@@ -597,7 +594,6 @@
597
594
  }
598
595
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
599
596
  left: calc((8px * 2) + (8px / 2));
600
- right: auto;
601
597
  right: initial;
602
598
  }
603
599
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
@@ -611,7 +607,6 @@
611
607
  margin-left: -4px;
612
608
  }
613
609
  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
614
- left: auto;
615
610
  right: auto;
616
611
  right: initial;
617
612
  }
@@ -67,8 +67,6 @@
67
67
  }
68
68
  @media (min-width: 768px) {
69
69
  }
70
- @media (min-width: 768px) {
71
- }
72
70
  .dropup,
73
71
  .dropdown {
74
72
  position: relative;
@@ -297,7 +295,6 @@
297
295
  }
298
296
  [dir="rtl"] .dropdown-menu-right,
299
297
  [dir="rtl"] .dropdown-menu-xs-right {
300
- right: auto;
301
298
  left: auto;
302
299
  left: initial;
303
300
  }
@@ -315,7 +312,6 @@
315
312
  [dir="rtl"] .dropdown-menu-left,
316
313
  [dir="rtl"] .dropdown-menu-xs-left {
317
314
  right: 0;
318
- left: auto;
319
315
  left: initial;
320
316
  }
321
317
  [dir="rtl"] .dropdown-menu-left,
@@ -330,7 +326,6 @@
330
326
  right: 0;
331
327
  }
332
328
  [dir="rtl"] .dropdown-menu-sm-right {
333
- right: auto;
334
329
  left: auto;
335
330
  left: initial;
336
331
  }
@@ -345,7 +340,6 @@
345
340
  }
346
341
  [dir="rtl"] .dropdown-menu-sm-left {
347
342
  right: 0;
348
- left: auto;
349
343
  left: initial;
350
344
  }
351
345
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -360,7 +354,6 @@
360
354
  right: 0;
361
355
  }
362
356
  [dir="rtl"] .dropdown-menu-md-right {
363
- right: auto;
364
357
  left: auto;
365
358
  left: initial;
366
359
  }
@@ -375,7 +368,6 @@
375
368
  }
376
369
  [dir="rtl"] .dropdown-menu-md-left {
377
370
  right: 0;
378
- left: auto;
379
371
  left: initial;
380
372
  }
381
373
  [dir="rtl"] .dropdown-menu-md-left {
@@ -390,7 +382,6 @@
390
382
  right: 0;
391
383
  }
392
384
  [dir="rtl"] .dropdown-menu-lg-right {
393
- right: auto;
394
385
  left: auto;
395
386
  left: initial;
396
387
  }
@@ -405,7 +396,6 @@
405
396
  }
406
397
  [dir="rtl"] .dropdown-menu-lg-left {
407
398
  right: 0;
408
- left: auto;
409
399
  left: initial;
410
400
  }
411
401
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -420,7 +410,6 @@
420
410
  right: 0;
421
411
  }
422
412
  [dir="rtl"] .dropdown-menu-xl-right {
423
- right: auto;
424
413
  left: auto;
425
414
  left: initial;
426
415
  }
@@ -435,7 +424,6 @@
435
424
  }
436
425
  [dir="rtl"] .dropdown-menu-xl-left {
437
426
  right: 0;
438
- left: auto;
439
427
  left: initial;
440
428
  }
441
429
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -501,7 +489,6 @@
501
489
  right: 0;
502
490
  }
503
491
  [dir="rtl"] .navbar-right .dropdown-menu {
504
- right: auto;
505
492
  left: auto;
506
493
  left: initial;
507
494
  }
@@ -516,7 +503,6 @@
516
503
  }
517
504
  [dir="rtl"] .navbar-right .dropdown-menu-left {
518
505
  right: 0;
519
- left: auto;
520
506
  left: initial;
521
507
  }
522
508
  [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -1391,7 +1377,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1391
1377
  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
1392
1378
  [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
1393
1379
  left: calc((8px * 2) + (8px / 2));
1394
- right: auto;
1395
1380
  right: initial;
1396
1381
  }
1397
1382
  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
@@ -1420,7 +1405,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1420
1405
  }
1421
1406
  [dir="rtl"] .navbar-right.dropdown-menu-center::before,
1422
1407
  [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
1423
- left: auto;
1424
1408
  right: auto;
1425
1409
  right: initial;
1426
1410
  }
@@ -1485,7 +1469,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1485
1469
  }
1486
1470
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
1487
1471
  left: calc((8px * 2) + (8px / 2));
1488
- right: auto;
1489
1472
  right: initial;
1490
1473
  }
1491
1474
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
@@ -1499,7 +1482,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1499
1482
  margin-left: -4px;
1500
1483
  }
1501
1484
  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
1502
- left: auto;
1503
1485
  right: auto;
1504
1486
  right: initial;
1505
1487
  }
@@ -1242,7 +1242,7 @@ html:not([dir="rtl"]) .p-x-panel {
1242
1242
  .visible-xl-inline {
1243
1243
  display: none !important;
1244
1244
  }
1245
- @media not all and (min-width: 576px) {
1245
+ @media (max-width: 575px) {
1246
1246
  .hidden-xs {
1247
1247
  display: none !important;
1248
1248
  }
@@ -1265,7 +1265,7 @@ html:not([dir="rtl"]) .p-x-panel {
1265
1265
  display: inline-flex;
1266
1266
  }
1267
1267
  }
1268
- @media (--screen-sm) and not all and (--screen-md) {
1268
+ @media (min-width: 576px) and (max-width: 767px) {
1269
1269
  .hidden-sm {
1270
1270
  display: none !important;
1271
1271
  }
@@ -1288,7 +1288,7 @@ html:not([dir="rtl"]) .p-x-panel {
1288
1288
  display: inline-flex;
1289
1289
  }
1290
1290
  }
1291
- @media (--screen-md) and not all and (--screen-lg) {
1291
+ @media (min-width: 768px) and (max-width: 991px) {
1292
1292
  .hidden-md {
1293
1293
  display: none !important;
1294
1294
  }
@@ -1311,7 +1311,7 @@ html:not([dir="rtl"]) .p-x-panel {
1311
1311
  display: inline-flex;
1312
1312
  }
1313
1313
  }
1314
- @media (--screen-lg) and not all and (--screen-xl) {
1314
+ @media (min-width: 992px) and (max-width: 1199px) {
1315
1315
  .hidden-lg {
1316
1316
  display: none !important;
1317
1317
  }
@@ -312,17 +312,6 @@ summary {
312
312
  display: list-item;
313
313
  }
314
314
  /* TODO: Remove utility imports to prevent duplicates */
315
- .rounded-sm {
316
- border-radius: 2px;
317
- }
318
- .img-rounded {
319
- border-radius: 10px;
320
- border-radius: var(--radius-small);
321
- }
322
- .img-circle {
323
- border-radius: 9999px;
324
- border-radius: var(--radius-full);
325
- }
326
315
  .sr-only {
327
316
  position: absolute;
328
317
  width: 1px;
@@ -739,6 +728,14 @@ video {
739
728
  height: auto;
740
729
  vertical-align: middle;
741
730
  }
731
+ .img-rounded {
732
+ border-radius: 10px;
733
+ border-radius: var(--radius-small);
734
+ }
735
+ .img-circle {
736
+ border-radius: 9999px;
737
+ border-radius: var(--radius-full);
738
+ }
742
739
  .disabled,
743
740
  :disabled {
744
741
  filter: grayscale(1);
@@ -950,8 +947,6 @@ h6,
950
947
  }
951
948
  .control-1,
952
949
  .control-2 {
953
- color: #0097c7;
954
- color: var(--color-content-accent);
955
950
  font-weight: 600;
956
951
  font-weight: var(--font-weight-semi-bold);
957
952
  line-height: 1.2;
@@ -1705,7 +1700,6 @@ blockquote footer::before {
1705
1700
  }
1706
1701
  [dir="rtl"] .blockquote-reverse {
1707
1702
  padding-left: 22px;
1708
- padding-right: 0;
1709
1703
  padding-right: initial;
1710
1704
  }
1711
1705
  [dir="rtl"] .blockquote-reverse {
@@ -1852,9 +1846,6 @@ a.text-inverse:hover,
1852
1846
  a.text-inverse:focus {
1853
1847
  color: #c9cbce !important;
1854
1848
  }
1855
- .font-italic {
1856
- font-style: italic !important;
1857
- }
1858
1849
  .font-weight-normal {
1859
1850
  font-weight: 400 !important;
1860
1851
  font-weight: var(--font-weight-regular) !important;
@@ -1987,6 +1978,12 @@ a.text-inverse:focus {
1987
1978
  white-space: nowrap;
1988
1979
  }
1989
1980
  }
1981
+ /**
1982
+ * @deprecated Obsolete since the brand has turned green.
1983
+ */
1984
+ .font-italic {
1985
+ font-style: italic !important;
1986
+ }
1990
1987
  /**
1991
1988
  * @deprecated Obsolete since the brand has turned green.
1992
1989
  */
@@ -103,7 +103,6 @@
103
103
  }
104
104
  [dir="rtl"] .btn-facebook.btn-block,
105
105
  [dir="rtl"] .btn-google.btn-block {
106
- padding-left: 44px;
107
106
  padding-right: 0;
108
107
  padding-right: initial;
109
108
  }