@transferwise/neptune-css 0.0.0-experimental-92f9701 → 0.0.0-experimental-2d03128

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/css/accordion.css +0 -2
  2. package/dist/css/alerts.css +0 -5
  3. package/dist/css/border-radius.css +8 -0
  4. package/dist/css/button-groups.css +0 -1
  5. package/dist/css/buttons.css +0 -2
  6. package/dist/css/circles.css +0 -2
  7. package/dist/css/decision.css +0 -1
  8. package/dist/css/dropdowns.css +0 -13
  9. package/dist/css/droppable.css +0 -1
  10. package/dist/css/flex.css +417 -253
  11. package/dist/css/footer.css +0 -1
  12. package/dist/css/grid.css +0 -4
  13. package/dist/css/input-groups.css +0 -13
  14. package/dist/css/list-group.css +0 -1
  15. package/dist/css/navbar-base.css +167 -343
  16. package/dist/css/navbar.css +41 -125
  17. package/dist/css/neptune-addons.css +423 -895
  18. package/dist/css/neptune-core.css +163 -201
  19. package/dist/css/neptune-social-media.css +0 -1
  20. package/dist/css/neptune.css +14500 -15883
  21. package/dist/css/popovers.css +0 -8
  22. package/dist/css/progress-bars.css +6 -6
  23. package/dist/css/tooltip.css +0 -1
  24. package/dist/css/utilities.css +1202 -72
  25. package/package.json +1 -1
  26. package/src/less/{mixins → addons}/_center-block.less +2 -4
  27. package/src/less/addons/_spacing-utilities.less +3 -26
  28. package/src/less/border-radius.less +1 -3
  29. package/src/less/core/_scaffolding.less +7 -27
  30. package/src/less/core/_typography-utilities.less +17 -237
  31. package/src/less/flex.less +9 -18
  32. package/src/less/navbar.less +10 -2
  33. package/src/less/neptune-addons.less +4 -1
  34. package/src/less/neptune.bundle.less +3 -1
  35. package/src/less/progress-bars.less +2 -2
  36. package/src/less/utilities/align-items.less +107 -0
  37. package/src/less/utilities/align-self.less +107 -0
  38. package/src/less/utilities/border-radius.less +11 -0
  39. package/src/less/utilities/color.less +70 -0
  40. package/src/less/utilities/cursor.less +3 -0
  41. package/src/less/utilities/display.less +178 -0
  42. package/src/less/utilities/flex-direction.less +47 -0
  43. package/src/less/utilities/flex-grow.less +27 -0
  44. package/src/less/utilities/flex-wrap.less +47 -0
  45. package/src/less/utilities/float.less +77 -0
  46. package/src/less/utilities/font-weight.less +11 -0
  47. package/src/less/utilities/gap.less +3 -0
  48. package/src/less/utilities/justify-content.less +107 -0
  49. package/src/less/utilities/margin.less +192 -0
  50. package/src/less/utilities/max-width.less +3 -0
  51. package/src/less/utilities/order.less +87 -0
  52. package/src/less/utilities/outline-style.less +8 -0
  53. package/src/less/utilities/overflow-wrap.less +3 -0
  54. package/src/less/utilities/padding.less +179 -0
  55. package/src/less/utilities/position.less +3 -0
  56. package/src/less/utilities/rotate.less +12 -0
  57. package/src/less/utilities/screen-reader.less +24 -0
  58. package/src/less/utilities/text-align.less +87 -0
  59. package/src/less/utilities/text-decoration-line.less +8 -0
  60. package/src/less/utilities/text-overflow.less +7 -0
  61. package/src/less/utilities/text-transform.less +11 -0
  62. package/src/less/utilities/visibility.less +3 -0
  63. package/src/less/utilities/white-space.less +27 -0
  64. package/src/less/utilities.less +29 -141
  65. package/src/less/addons/_display-utilities.less +0 -159
  66. package/src/less/addons/_utilities.less +0 -147
  67. package/src/less/mixins/_flex.less +0 -105
package/dist/css/navbar.css CHANGED
@@ -1,59 +1,32 @@
1
- .clearfix::before,
2
- .clearfix::after,
3
- .nav::before,
4
- .nav::after,
5
- .navbar::before,
6
- .navbar::after,
7
- .navbar-header::before,
8
- .navbar-header::after,
9
- .navbar-collapse::before,
10
- .navbar-collapse::after {
11
- content: " ";
12
- display: table;
13
- }
14
- .clearfix::after,
15
- .nav::after,
16
- .navbar::after,
17
- .navbar-header::after,
18
- .navbar-collapse::after {
19
- clear: both;
20
- }
1
+ /* TODO: Remove utility imports to prevent duplicates */
21
2
  .center-block {
22
- display: block;
23
3
  margin-left: auto;
24
4
  margin-right: auto;
5
+ display: block;
6
+ }
7
+ .pull-left,
8
+ .pull-xs-left {
9
+ float: inline-start !important;
25
10
  }
26
11
  .pull-right,
27
12
  .pull-xs-right {
28
- float: right !important;
13
+ float: inline-end !important;
29
14
  }
30
- [dir="rtl"] .pull-right,
31
- [dir="rtl"] .pull-xs-right {
32
- float: left !important;
15
+ .pull-right-single-direction {
16
+ float: right !important;
33
17
  }
34
- .pull-left,
35
- .pull-xs-left {
18
+ .pull-left-single-direction {
36
19
  float: left !important;
37
20
  }
38
- [dir="rtl"] .pull-left,
39
- [dir="rtl"] .pull-xs-left {
40
- float: right !important;
41
- }
42
21
  .pull-xs-none {
43
22
  float: none !important;
44
23
  }
45
24
  @media (min-width: 576px) {
46
25
  .pull-sm-left {
47
- float: left !important;
48
- }
49
- [dir="rtl"] .pull-sm-left {
50
- float: right !important;
26
+ float: inline-start !important;
51
27
  }
52
28
  .pull-sm-right {
53
- float: right !important;
54
- }
55
- [dir="rtl"] .pull-sm-right {
56
- float: left !important;
29
+ float: inline-end !important;
57
30
  }
58
31
  .pull-sm-none {
59
32
  float: none !important;
@@ -61,16 +34,10 @@
61
34
  }
62
35
  @media (min-width: 768px) {
63
36
  .pull-md-left {
64
- float: left !important;
65
- }
66
- [dir="rtl"] .pull-md-left {
67
- float: right !important;
37
+ float: inline-start !important;
68
38
  }
69
39
  .pull-md-right {
70
- float: right !important;
71
- }
72
- [dir="rtl"] .pull-md-right {
73
- float: left !important;
40
+ float: inline-end !important;
74
41
  }
75
42
  .pull-md-none {
76
43
  float: none !important;
@@ -78,16 +45,10 @@
78
45
  }
79
46
  @media (min-width: 992px) {
80
47
  .pull-lg-left {
81
- float: left !important;
82
- }
83
- [dir="rtl"] .pull-lg-left {
84
- float: right !important;
48
+ float: inline-start !important;
85
49
  }
86
50
  .pull-lg-right {
87
- float: right !important;
88
- }
89
- [dir="rtl"] .pull-lg-right {
90
- float: left !important;
51
+ float: inline-end !important;
91
52
  }
92
53
  .pull-lg-none {
93
54
  float: none !important;
@@ -95,59 +56,15 @@
95
56
  }
96
57
  @media (min-width: 1200px) {
97
58
  .pull-xl-left {
98
- float: left !important;
99
- }
100
- [dir="rtl"] .pull-xl-left {
101
- float: right !important;
59
+ float: inline-start !important;
102
60
  }
103
61
  .pull-xl-right {
104
- float: right !important;
105
- }
106
- [dir="rtl"] .pull-xl-right {
107
- float: left !important;
62
+ float: inline-end !important;
108
63
  }
109
64
  .pull-xl-none {
110
65
  float: none !important;
111
66
  }
112
67
  }
113
- .hide {
114
- display: none !important;
115
- }
116
- .show {
117
- display: block !important;
118
- }
119
- .invisible {
120
- visibility: hidden;
121
- }
122
- .text-hide {
123
- color: transparent;
124
- text-shadow: none;
125
- background-color: transparent;
126
- border: 0;
127
- }
128
- .hidden {
129
- display: none !important;
130
- }
131
- .affix {
132
- position: fixed;
133
- }
134
- .rotate90 {
135
- transform: rotate(90deg);
136
- }
137
- .rotate180 {
138
- transform: rotate(180deg);
139
- }
140
- .rotate270 {
141
- transform: rotate(270deg);
142
- }
143
- .rotate-90 {
144
- transform: rotate(-90deg);
145
- }
146
- .clickable {
147
- cursor: pointer !important;
148
- }
149
- @media (min-width: 768px) {
150
- }
151
68
  @media (min-width: 768px) {
152
69
  }
153
70
  .dropup,
@@ -363,7 +280,6 @@
363
280
  }
364
281
  [dir="rtl"] .dropdown-menu-right,
365
282
  [dir="rtl"] .dropdown-menu-xs-right {
366
- right: auto;
367
283
  left: auto;
368
284
  left: initial;
369
285
  }
@@ -381,7 +297,6 @@
381
297
  [dir="rtl"] .dropdown-menu-left,
382
298
  [dir="rtl"] .dropdown-menu-xs-left {
383
299
  right: 0;
384
- left: auto;
385
300
  left: initial;
386
301
  }
387
302
  [dir="rtl"] .dropdown-menu-left,
@@ -396,7 +311,6 @@
396
311
  right: 0;
397
312
  }
398
313
  [dir="rtl"] .dropdown-menu-sm-right {
399
- right: auto;
400
314
  left: auto;
401
315
  left: initial;
402
316
  }
@@ -411,7 +325,6 @@
411
325
  }
412
326
  [dir="rtl"] .dropdown-menu-sm-left {
413
327
  right: 0;
414
- left: auto;
415
328
  left: initial;
416
329
  }
417
330
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -426,7 +339,6 @@
426
339
  right: 0;
427
340
  }
428
341
  [dir="rtl"] .dropdown-menu-md-right {
429
- right: auto;
430
342
  left: auto;
431
343
  left: initial;
432
344
  }
@@ -441,7 +353,6 @@
441
353
  }
442
354
  [dir="rtl"] .dropdown-menu-md-left {
443
355
  right: 0;
444
- left: auto;
445
356
  left: initial;
446
357
  }
447
358
  [dir="rtl"] .dropdown-menu-md-left {
@@ -456,7 +367,6 @@
456
367
  right: 0;
457
368
  }
458
369
  [dir="rtl"] .dropdown-menu-lg-right {
459
- right: auto;
460
370
  left: auto;
461
371
  left: initial;
462
372
  }
@@ -471,7 +381,6 @@
471
381
  }
472
382
  [dir="rtl"] .dropdown-menu-lg-left {
473
383
  right: 0;
474
- left: auto;
475
384
  left: initial;
476
385
  }
477
386
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -486,7 +395,6 @@
486
395
  right: 0;
487
396
  }
488
397
  [dir="rtl"] .dropdown-menu-xl-right {
489
- right: auto;
490
398
  left: auto;
491
399
  left: initial;
492
400
  }
@@ -501,7 +409,6 @@
501
409
  }
502
410
  [dir="rtl"] .dropdown-menu-xl-left {
503
411
  right: 0;
504
- left: auto;
505
412
  left: initial;
506
413
  }
507
414
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -567,7 +474,6 @@
567
474
  right: 0;
568
475
  }
569
476
  [dir="rtl"] .navbar-right .dropdown-menu {
570
- right: auto;
571
477
  left: auto;
572
478
  left: initial;
573
479
  }
@@ -582,7 +488,6 @@
582
488
  }
583
489
  [dir="rtl"] .navbar-right .dropdown-menu-left {
584
490
  right: 0;
585
- left: auto;
586
491
  left: initial;
587
492
  }
588
493
  [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -1457,7 +1362,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1457
1362
  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
1458
1363
  [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
1459
1364
  left: calc((8px * 2) + (8px / 2));
1460
- right: auto;
1461
1365
  right: initial;
1462
1366
  }
1463
1367
  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
@@ -1486,7 +1390,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1486
1390
  }
1487
1391
  [dir="rtl"] .navbar-right.dropdown-menu-center::before,
1488
1392
  [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
1489
- left: auto;
1490
1393
  right: auto;
1491
1394
  right: initial;
1492
1395
  }
@@ -1540,16 +1443,10 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1540
1443
  }
1541
1444
  @media (min-width: 768px) {
1542
1445
  .navbar-left {
1543
- float: left !important;
1544
- }
1545
- [dir="rtl"] .navbar-left {
1546
- float: right !important;
1446
+ float: inline-start !important;
1547
1447
  }
1548
1448
  .navbar-right {
1549
- float: right !important;
1550
- }
1551
- [dir="rtl"] .navbar-right {
1552
- float: left !important;
1449
+ float: inline-end !important;
1553
1450
  }
1554
1451
  .navbar-right li > .dropdown-menu::before {
1555
1452
  right: calc((8px * 2) + (8px / 2));
@@ -1557,7 +1454,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1557
1454
  }
1558
1455
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
1559
1456
  left: calc((8px * 2) + (8px / 2));
1560
- right: auto;
1561
1457
  right: initial;
1562
1458
  }
1563
1459
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
@@ -1571,7 +1467,6 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1571
1467
  margin-left: -4px;
1572
1468
  }
1573
1469
  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
1574
- left: auto;
1575
1470
  right: auto;
1576
1471
  right: initial;
1577
1472
  }
@@ -2380,3 +2275,24 @@ button.close {
2380
2275
  .navbar-background--inverse {
2381
2276
  background-color: #37517e;
2382
2277
  }
2278
+ /* TODO: Remove to prefer direct utility imports */
2279
+ .clearfix::before,
2280
+ .clearfix::after,
2281
+ .nav::before,
2282
+ .nav::after,
2283
+ .navbar::before,
2284
+ .navbar::after,
2285
+ .navbar-header::before,
2286
+ .navbar-header::after,
2287
+ .navbar-collapse::before,
2288
+ .navbar-collapse::after {
2289
+ content: " ";
2290
+ display: table;
2291
+ }
2292
+ .clearfix::after,
2293
+ .nav::after,
2294
+ .navbar::after,
2295
+ .navbar-header::after,
2296
+ .navbar-collapse::after {
2297
+ clear: both;
2298
+ }