@transferwise/neptune-css 14.9.1 → 14.9.3

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 (50) hide show
  1. package/dist/css/border-radius.css +0 -8
  2. package/dist/css/flex.css +253 -417
  3. package/dist/css/navbar-base.css +339 -168
  4. package/dist/css/navbar.css +107 -41
  5. package/dist/css/neptune-addons.css +893 -421
  6. package/dist/css/neptune-core.css +203 -169
  7. package/dist/css/neptune.css +15450 -14660
  8. package/dist/css/ring.css +0 -4
  9. package/dist/css/utilities.css +72 -1202
  10. package/package.json +1 -1
  11. package/src/less/addons/_display-utilities.less +159 -0
  12. package/src/less/addons/_spacing-utilities.less +26 -3
  13. package/src/less/addons/_utilities.less +147 -0
  14. package/src/less/border-radius.less +3 -1
  15. package/src/less/core/_scaffolding.less +29 -9
  16. package/src/less/core/_typography-utilities.less +237 -17
  17. package/src/less/flex.less +18 -9
  18. package/src/less/{addons → mixins}/_center-block.less +4 -2
  19. package/src/less/mixins/_flex.less +105 -0
  20. package/src/less/navbar.less +2 -10
  21. package/src/less/neptune-addons.less +1 -4
  22. package/src/less/utilities.less +141 -29
  23. package/src/less/utilities/align-items.less +0 -107
  24. package/src/less/utilities/align-self.less +0 -107
  25. package/src/less/utilities/border-radius.less +0 -11
  26. package/src/less/utilities/color.less +0 -70
  27. package/src/less/utilities/cursor.less +0 -3
  28. package/src/less/utilities/display.less +0 -178
  29. package/src/less/utilities/flex-direction.less +0 -47
  30. package/src/less/utilities/flex-grow.less +0 -27
  31. package/src/less/utilities/flex-wrap.less +0 -47
  32. package/src/less/utilities/float.less +0 -77
  33. package/src/less/utilities/font-weight.less +0 -11
  34. package/src/less/utilities/gap.less +0 -3
  35. package/src/less/utilities/justify-content.less +0 -107
  36. package/src/less/utilities/margin.less +0 -192
  37. package/src/less/utilities/max-width.less +0 -3
  38. package/src/less/utilities/order.less +0 -87
  39. package/src/less/utilities/outline-style.less +0 -8
  40. package/src/less/utilities/overflow-wrap.less +0 -3
  41. package/src/less/utilities/padding.less +0 -179
  42. package/src/less/utilities/position.less +0 -3
  43. package/src/less/utilities/rotate.less +0 -12
  44. package/src/less/utilities/screen-reader.less +0 -24
  45. package/src/less/utilities/text-align.less +0 -87
  46. package/src/less/utilities/text-decoration-line.less +0 -8
  47. package/src/less/utilities/text-overflow.less +0 -7
  48. package/src/less/utilities/text-transform.less +0 -11
  49. package/src/less/utilities/visibility.less +0 -3
  50. package/src/less/utilities/white-space.less +0 -27
package/dist/css/navbar.css CHANGED
@@ -1,32 +1,59 @@
1
- /* TODO: Remove utility imports to prevent duplicates */
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
+ }
2
21
  .center-block {
22
+ display: block;
3
23
  margin-left: auto;
4
24
  margin-right: auto;
5
- display: block;
6
- }
7
- .pull-left,
8
- .pull-xs-left {
9
- float: inline-start !important;
10
25
  }
11
26
  .pull-right,
12
27
  .pull-xs-right {
13
- float: inline-end !important;
14
- }
15
- .pull-right-single-direction {
16
28
  float: right !important;
17
29
  }
18
- .pull-left-single-direction {
30
+ [dir="rtl"] .pull-right,
31
+ [dir="rtl"] .pull-xs-right {
32
+ float: left !important;
33
+ }
34
+ .pull-left,
35
+ .pull-xs-left {
19
36
  float: left !important;
20
37
  }
38
+ [dir="rtl"] .pull-left,
39
+ [dir="rtl"] .pull-xs-left {
40
+ float: right !important;
41
+ }
21
42
  .pull-xs-none {
22
43
  float: none !important;
23
44
  }
24
45
  @media (min-width: 576px) {
25
46
  .pull-sm-left {
26
- float: inline-start !important;
47
+ float: left !important;
48
+ }
49
+ [dir="rtl"] .pull-sm-left {
50
+ float: right !important;
27
51
  }
28
52
  .pull-sm-right {
29
- float: inline-end !important;
53
+ float: right !important;
54
+ }
55
+ [dir="rtl"] .pull-sm-right {
56
+ float: left !important;
30
57
  }
31
58
  .pull-sm-none {
32
59
  float: none !important;
@@ -34,10 +61,16 @@
34
61
  }
35
62
  @media (min-width: 768px) {
36
63
  .pull-md-left {
37
- float: inline-start !important;
64
+ float: left !important;
65
+ }
66
+ [dir="rtl"] .pull-md-left {
67
+ float: right !important;
38
68
  }
39
69
  .pull-md-right {
40
- float: inline-end !important;
70
+ float: right !important;
71
+ }
72
+ [dir="rtl"] .pull-md-right {
73
+ float: left !important;
41
74
  }
42
75
  .pull-md-none {
43
76
  float: none !important;
@@ -45,10 +78,16 @@
45
78
  }
46
79
  @media (min-width: 992px) {
47
80
  .pull-lg-left {
48
- float: inline-start !important;
81
+ float: left !important;
82
+ }
83
+ [dir="rtl"] .pull-lg-left {
84
+ float: right !important;
49
85
  }
50
86
  .pull-lg-right {
51
- float: inline-end !important;
87
+ float: right !important;
88
+ }
89
+ [dir="rtl"] .pull-lg-right {
90
+ float: left !important;
52
91
  }
53
92
  .pull-lg-none {
54
93
  float: none !important;
@@ -56,15 +95,57 @@
56
95
  }
57
96
  @media (min-width: 1200px) {
58
97
  .pull-xl-left {
59
- float: inline-start !important;
98
+ float: left !important;
99
+ }
100
+ [dir="rtl"] .pull-xl-left {
101
+ float: right !important;
60
102
  }
61
103
  .pull-xl-right {
62
- float: inline-end !important;
104
+ float: right !important;
105
+ }
106
+ [dir="rtl"] .pull-xl-right {
107
+ float: left !important;
63
108
  }
64
109
  .pull-xl-none {
65
110
  float: none !important;
66
111
  }
67
112
  }
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
+ }
68
149
  @media (min-width: 768px) {
69
150
  }
70
151
  @media (min-width: 768px) {
@@ -1474,10 +1555,16 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1474
1555
  }
1475
1556
  @media (min-width: 768px) {
1476
1557
  .navbar-left {
1477
- float: inline-start !important;
1558
+ float: left !important;
1559
+ }
1560
+ [dir="rtl"] .navbar-left {
1561
+ float: right !important;
1478
1562
  }
1479
1563
  .navbar-right {
1480
- float: inline-end !important;
1564
+ float: right !important;
1565
+ }
1566
+ [dir="rtl"] .navbar-right {
1567
+ float: left !important;
1481
1568
  }
1482
1569
  .navbar-right li > .dropdown-menu::before {
1483
1570
  right: calc((8px * 2) + (8px / 2));
@@ -2308,24 +2395,3 @@ button.close {
2308
2395
  .navbar-background--inverse {
2309
2396
  background-color: #37517e;
2310
2397
  }
2311
- /* TODO: Remove to prefer direct utility imports */
2312
- .clearfix::before,
2313
- .clearfix::after,
2314
- .nav::before,
2315
- .nav::after,
2316
- .navbar::before,
2317
- .navbar::after,
2318
- .navbar-header::before,
2319
- .navbar-header::after,
2320
- .navbar-collapse::before,
2321
- .navbar-collapse::after {
2322
- content: " ";
2323
- display: table;
2324
- }
2325
- .clearfix::after,
2326
- .nav::after,
2327
- .navbar::after,
2328
- .navbar-header::after,
2329
- .navbar-collapse::after {
2330
- clear: both;
2331
- }