@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
@@ -1,4 +1,5 @@
1
1
  @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
2
3
  }.footer {
3
4
  background-color: rgba(134,167,189,0.10196);
4
5
  background-color: var(--color-background-neutral);
package/dist/css/grid.css CHANGED
@@ -41,6 +41,10 @@
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
+ }
44
48
  [dir="rtl"] .row {
45
49
  margin-left: -12px;
46
50
  margin-right: -12px;
@@ -3,6 +3,8 @@
3
3
  }
4
4
  @media (min-width: 768px) {
5
5
  }
6
+ @media (min-width: 768px) {
7
+ }
6
8
  form {
7
9
  margin-bottom: 0;
8
10
  }
@@ -298,6 +300,8 @@ fieldset[disabled] .checkbox label {
298
300
  }
299
301
  [dir="rtl"] .form-control-static.input-lg,
300
302
  [dir="rtl"] .form-control-static.input-sm {
303
+ padding-right: 0;
304
+ padding-left: 0;
301
305
  padding-left: initial;
302
306
  }
303
307
  [dir="rtl"] .form-control-static.input-lg,
@@ -536,6 +540,7 @@ select[multiple].input-lg {
536
540
  }
537
541
  [dir="rtl"] .help-block.arrow-left::before {
538
542
  right: 20px;
543
+ left: auto;
539
544
  left: initial;
540
545
  }
541
546
  [dir="rtl"] .help-block.arrow-left::before {
@@ -548,6 +553,7 @@ select[multiple].input-lg {
548
553
  right: 20px;
549
554
  }
550
555
  [dir="rtl"] .help-block.arrow-right::before {
556
+ right: auto;
551
557
  left: auto;
552
558
  left: initial;
553
559
  }
@@ -1401,6 +1407,10 @@ select[multiple].input-lg {
1401
1407
  margin-left: -12px;
1402
1408
  margin-right: -12px;
1403
1409
  }
1410
+ [dir="rtl"] .form-horizontal .form-group {
1411
+ margin-right: -12px;
1412
+ margin-left: -12px;
1413
+ }
1404
1414
  [dir="rtl"] .form-horizontal .form-group {
1405
1415
  margin-left: -12px;
1406
1416
  margin-right: -12px;
@@ -1798,6 +1808,8 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
1798
1808
  border-left: 0 solid transparent;
1799
1809
  }
1800
1810
  .input-group-addon {
1811
+ color: #5d7079;
1812
+ color: var(--color-content-secondary);
1801
1813
  transition: border-color ease-in-out 0.15s;
1802
1814
  }
1803
1815
  .form-control-feedback,
@@ -2342,6 +2354,7 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
2342
2354
  line-height: 1.2;
2343
2355
  line-height: var(--line-height-title);
2344
2356
  letter-spacing: 0;
2357
+ margin-bottom: 0;
2345
2358
  margin-bottom: initial;
2346
2359
  font-size: 1.375rem;
2347
2360
  font-size: var(--font-size-22);
@@ -1,4 +1,5 @@
1
1
  @media (min-width: 768px) {
2
+ }@media (min-width: 768px) {
2
3
  }.list-group {
3
4
  list-style-type: none;
4
5
  margin-bottom: 20px;