@transferwise/neptune-css 0.0.0-experimental-a8a7953 → 0.0.0-experimental-2ccb16f

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 (65) 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-base.css +343 -167
  16. package/dist/css/navbar.css +125 -41
  17. package/dist/css/neptune-addons.css +893 -421
  18. package/dist/css/neptune-core.css +203 -163
  19. package/dist/css/neptune-social-media.css +1 -0
  20. package/dist/css/neptune.css +16160 -14775
  21. package/dist/css/popovers.css +8 -0
  22. package/dist/css/tooltip.css +1 -0
  23. package/dist/css/utilities.css +72 -1202
  24. package/package.json +9 -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 +2 -10
  35. package/src/less/neptune-addons.less +1 -4
  36. package/src/less/neptune.bundle.less +1 -3
  37. package/src/less/utilities.less +141 -29
  38. package/src/less/utilities/align-items.less +0 -107
  39. package/src/less/utilities/align-self.less +0 -107
  40. package/src/less/utilities/border-radius.less +0 -11
  41. package/src/less/utilities/color.less +0 -70
  42. package/src/less/utilities/cursor.less +0 -3
  43. package/src/less/utilities/display.less +0 -178
  44. package/src/less/utilities/flex-direction.less +0 -47
  45. package/src/less/utilities/flex-grow.less +0 -27
  46. package/src/less/utilities/flex-wrap.less +0 -47
  47. package/src/less/utilities/float.less +0 -77
  48. package/src/less/utilities/font-weight.less +0 -11
  49. package/src/less/utilities/gap.less +0 -3
  50. package/src/less/utilities/justify-content.less +0 -107
  51. package/src/less/utilities/margin.less +0 -192
  52. package/src/less/utilities/max-width.less +0 -3
  53. package/src/less/utilities/order.less +0 -87
  54. package/src/less/utilities/outline-style.less +0 -8
  55. package/src/less/utilities/overflow-wrap.less +0 -3
  56. package/src/less/utilities/padding.less +0 -179
  57. package/src/less/utilities/position.less +0 -3
  58. package/src/less/utilities/rotate.less +0 -12
  59. package/src/less/utilities/screen-reader.less +0 -24
  60. package/src/less/utilities/text-align.less +0 -87
  61. package/src/less/utilities/text-decoration-line.less +0 -8
  62. package/src/less/utilities/text-overflow.less +0 -7
  63. package/src/less/utilities/text-transform.less +0 -11
  64. package/src/less/utilities/visibility.less +0 -3
  65. 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,59 @@
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
+ }
149
+ @media (min-width: 768px) {
150
+ }
68
151
  @media (min-width: 768px) {
69
152
  }
70
153
  .dropup,
@@ -295,6 +378,7 @@
295
378
  }
296
379
  [dir="rtl"] .dropdown-menu-right,
297
380
  [dir="rtl"] .dropdown-menu-xs-right {
381
+ right: auto;
298
382
  left: auto;
299
383
  left: initial;
300
384
  }
@@ -312,6 +396,7 @@
312
396
  [dir="rtl"] .dropdown-menu-left,
313
397
  [dir="rtl"] .dropdown-menu-xs-left {
314
398
  right: 0;
399
+ left: auto;
315
400
  left: initial;
316
401
  }
317
402
  [dir="rtl"] .dropdown-menu-left,
@@ -326,6 +411,7 @@
326
411
  right: 0;
327
412
  }
328
413
  [dir="rtl"] .dropdown-menu-sm-right {
414
+ right: auto;
329
415
  left: auto;
330
416
  left: initial;
331
417
  }
@@ -340,6 +426,7 @@
340
426
  }
341
427
  [dir="rtl"] .dropdown-menu-sm-left {
342
428
  right: 0;
429
+ left: auto;
343
430
  left: initial;
344
431
  }
345
432
  [dir="rtl"] .dropdown-menu-sm-left {
@@ -354,6 +441,7 @@
354
441
  right: 0;
355
442
  }
356
443
  [dir="rtl"] .dropdown-menu-md-right {
444
+ right: auto;
357
445
  left: auto;
358
446
  left: initial;
359
447
  }
@@ -368,6 +456,7 @@
368
456
  }
369
457
  [dir="rtl"] .dropdown-menu-md-left {
370
458
  right: 0;
459
+ left: auto;
371
460
  left: initial;
372
461
  }
373
462
  [dir="rtl"] .dropdown-menu-md-left {
@@ -382,6 +471,7 @@
382
471
  right: 0;
383
472
  }
384
473
  [dir="rtl"] .dropdown-menu-lg-right {
474
+ right: auto;
385
475
  left: auto;
386
476
  left: initial;
387
477
  }
@@ -396,6 +486,7 @@
396
486
  }
397
487
  [dir="rtl"] .dropdown-menu-lg-left {
398
488
  right: 0;
489
+ left: auto;
399
490
  left: initial;
400
491
  }
401
492
  [dir="rtl"] .dropdown-menu-lg-left {
@@ -410,6 +501,7 @@
410
501
  right: 0;
411
502
  }
412
503
  [dir="rtl"] .dropdown-menu-xl-right {
504
+ right: auto;
413
505
  left: auto;
414
506
  left: initial;
415
507
  }
@@ -424,6 +516,7 @@
424
516
  }
425
517
  [dir="rtl"] .dropdown-menu-xl-left {
426
518
  right: 0;
519
+ left: auto;
427
520
  left: initial;
428
521
  }
429
522
  [dir="rtl"] .dropdown-menu-xl-left {
@@ -489,6 +582,7 @@
489
582
  right: 0;
490
583
  }
491
584
  [dir="rtl"] .navbar-right .dropdown-menu {
585
+ right: auto;
492
586
  left: auto;
493
587
  left: initial;
494
588
  }
@@ -503,6 +597,7 @@
503
597
  }
504
598
  [dir="rtl"] .navbar-right .dropdown-menu-left {
505
599
  right: 0;
600
+ left: auto;
506
601
  left: initial;
507
602
  }
508
603
  [dir="rtl"] .navbar-right .dropdown-menu-left {
@@ -1377,6 +1472,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1377
1472
  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
1378
1473
  [dir="rtl"] .pull-xs-right li > .dropdown-menu::before {
1379
1474
  left: calc((8px * 2) + (8px / 2));
1475
+ right: auto;
1380
1476
  right: initial;
1381
1477
  }
1382
1478
  [dir="rtl"] .navbar-right li > .dropdown-menu::before,
@@ -1405,6 +1501,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1405
1501
  }
1406
1502
  [dir="rtl"] .navbar-right.dropdown-menu-center::before,
1407
1503
  [dir="rtl"] .pull-xs-right.dropdown-menu-center::before {
1504
+ left: auto;
1408
1505
  right: auto;
1409
1506
  right: initial;
1410
1507
  }
@@ -1458,10 +1555,16 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1458
1555
  }
1459
1556
  @media (min-width: 768px) {
1460
1557
  .navbar-left {
1461
- float: inline-start !important;
1558
+ float: left !important;
1559
+ }
1560
+ [dir="rtl"] .navbar-left {
1561
+ float: right !important;
1462
1562
  }
1463
1563
  .navbar-right {
1464
- float: inline-end !important;
1564
+ float: right !important;
1565
+ }
1566
+ [dir="rtl"] .navbar-right {
1567
+ float: left !important;
1465
1568
  }
1466
1569
  .navbar-right li > .dropdown-menu::before {
1467
1570
  right: calc((8px * 2) + (8px / 2));
@@ -1469,6 +1572,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1469
1572
  }
1470
1573
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
1471
1574
  left: calc((8px * 2) + (8px / 2));
1575
+ right: auto;
1472
1576
  right: initial;
1473
1577
  }
1474
1578
  [dir="rtl"] .navbar-right li > .dropdown-menu::before {
@@ -1482,6 +1586,7 @@ html:not([dir="rtl"]) .nav-stacked > li.active > a:focus {
1482
1586
  margin-left: -4px;
1483
1587
  }
1484
1588
  [dir="rtl"] .navbar-right.dropdown-menu-center::before {
1589
+ left: auto;
1485
1590
  right: auto;
1486
1591
  right: initial;
1487
1592
  }
@@ -2290,24 +2395,3 @@ button.close {
2290
2395
  .navbar-background--inverse {
2291
2396
  background-color: #37517e;
2292
2397
  }
2293
- /* TODO: Remove to prefer direct utility imports */
2294
- .clearfix::before,
2295
- .clearfix::after,
2296
- .nav::before,
2297
- .nav::after,
2298
- .navbar::before,
2299
- .navbar::after,
2300
- .navbar-header::before,
2301
- .navbar-header::after,
2302
- .navbar-collapse::before,
2303
- .navbar-collapse::after {
2304
- content: " ";
2305
- display: table;
2306
- }
2307
- .clearfix::after,
2308
- .nav::after,
2309
- .navbar::after,
2310
- .navbar-header::after,
2311
- .navbar-collapse::after {
2312
- clear: both;
2313
- }