@transferwise/neptune-css 0.0.0-experimental-8f70238 → 0.0.0-experimental-8c347e8

package/dist/css/accordion.css

@@ -68,12 +68,12 @@
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .decision__title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .decision__title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -85,7 +85,7 @@
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .decision__title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -137,7 +137,7 @@
   color: #5d7079;
   color: var(--color-content-secondary);
 }
-@media (min-width: 480px) {
+@media (min-width: 320.02px) {
   .decision .media .media-left,
   .decision.media .media-left {
     display: block;

package/dist/css/button-groups.css

@@ -53,7 +53,7 @@
   margin-left: 0;
   margin-left: initial;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .btn-toolbar:not(.btn-toolbar-xl) {
     margin-left: -4px;
     margin-right: -4px;
@@ -91,7 +91,7 @@
 [dir="rtl"] .btn-toolbar.btn-toolbar-xs .input-group {
   float: right;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .btn-toolbar.btn-toolbar-sm {
     margin-left: -4px;
     margin-right: -4px;
@@ -111,7 +111,7 @@
     float: right;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .btn-toolbar.btn-toolbar-md {
     margin-left: -4px;
     margin-right: -4px;
@@ -131,7 +131,7 @@
     float: right;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .btn-toolbar.btn-toolbar-lg {
     margin-left: -4px;
     margin-right: -4px;
@@ -151,7 +151,7 @@
     float: right;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .btn-toolbar.btn-toolbar-xl {
     margin-left: -4px;
     margin-right: -4px;
@@ -426,7 +426,7 @@ html:not([dir="rtl"]) .btn-group .btn + .btn-primary {
   padding-left: 40px;
   padding-right: 16px;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .btn-group.btn-block .btn-input.btn.dropdown-toggle {
     padding-right: 48px;
   }

package/dist/css/buttons.css

@@ -1127,7 +1127,7 @@ fieldset[disabled] .btn-accent:not(.disabled):not(:disabled).btn-priority-3 {
   height: 18px;
   background-size: 12px 12px !important;
 }
-@media (max-width: 767px) {
+@media (max-width: 839px) {
   .navbar-collapse .btn {
     padding: var(--btn-padding);
     font-size: 1rem;

package/dist/css/circles.css

@@ -145,7 +145,7 @@ a.circle.active:hover {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .circle-responsive {
     border-radius: 50%;
     background-color: #fff;

package/dist/css/column-layout.css

@@ -49,7 +49,7 @@
   padding: 24px;
   padding: var(--size-24);
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout {
     display: table;
   }
@@ -89,12 +89,12 @@
   opacity: 1;
   top: 20px;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout-cover {
     display: none;
   }
 }
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .column-layout-open {
     overflow: hidden;
   }
@@ -134,7 +134,7 @@
   padding: 4px 24px;
   padding: var(--size-4) 24px;
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .column-layout-brand {
     padding-left: 32px;
     padding-right: 32px;

package/dist/css/decision.css

@@ -33,12 +33,12 @@
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .decision__title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .decision__title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -50,7 +50,7 @@
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .decision__title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -102,7 +102,7 @@
   color: #5d7079;
   color: var(--color-content-secondary);
 }
-@media (min-width: 480px) {
+@media (min-width: 320.02px) {
   .decision .media .media-left,
   .decision.media .media-left {
     display: block;

package/dist/css/dropdowns.css

@@ -54,7 +54,7 @@
   border-radius: var(--radius-medium);
   box-shadow: 0 0 40px rgba(69, 71, 69, 0.2);
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dropdown-menu {
     min-width: 160px;
   }
@@ -176,7 +176,7 @@
   opacity: 1;
   transform: none;
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .open > .dropdown-menu-overlay {
     position: fixed;
     top: 0;
@@ -238,7 +238,7 @@
   right: auto;
   right: initial;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .dropdown-menu-sm-right {
     left: auto;
     right: 0;
@@ -268,7 +268,7 @@
     right: initial;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .dropdown-menu-md-right {
     left: auto;
     right: 0;
@@ -298,7 +298,7 @@
     right: initial;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .dropdown-menu-lg-right {
     left: auto;
     right: 0;
@@ -328,7 +328,7 @@
     right: initial;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .dropdown-menu-xl-right {
     left: auto;
     right: 0;
@@ -384,12 +384,12 @@
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .dropdown-header {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .dropdown-header {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -401,7 +401,7 @@
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .dropdown-header {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -437,7 +437,7 @@
   bottom: -2px;
   margin-bottom: 2px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .navbar-right .dropdown-menu {
     left: auto;
     right: 0;

package/dist/css/droppable.css

@@ -25,7 +25,7 @@
   border-radius: 0;
   border-radius: initial;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .droppable {
     border-style: dashed;
   }
@@ -124,7 +124,7 @@
   max-width: 96px;
   margin: 0 auto;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .droppable .thumbnail {
     max-height: 128px;
     max-width: 128px;
@@ -175,12 +175,12 @@
 .droppable-sm {
   padding: 16px 16px;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .droppable-sm {
     padding: 24px 16px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .droppable-sm {
     padding: 32px 24px;
   }
@@ -188,12 +188,12 @@
 .droppable-md {
   padding: 32px 32px;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .droppable-md {
     padding: 48px 32px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .droppable-md {
     padding: 64px 48px;
   }
@@ -201,12 +201,12 @@
 .droppable-lg {
   padding: 48px 48px;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .droppable-lg {
     padding: 72px 48px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .droppable-lg {
     padding: 96px 72px;
   }

package/dist/css/flex.css

@@ -76,7 +76,7 @@
 .flex-grow-1 {
   flex-grow: 1;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .d-flex--sm {
     display: flex;
   }
@@ -156,7 +156,7 @@
     flex-grow: 1;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .d-flex--md {
     display: flex;
   }
@@ -236,7 +236,7 @@
     flex-grow: 1;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .d-flex--lg {
     display: flex;
   }
@@ -315,8 +315,6 @@
   .flex-grow-1--lg {
     flex-grow: 1;
   }
-}
-@media (min-width: 1200px) {
   .d-flex--xl {
     display: flex;
   }
@@ -418,7 +416,7 @@
   margin-left: 0;
   margin-left: initial;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .flex__inner {
     margin-right: calc(-1 * 24px);
     margin-right: calc(-1 * var(--size-24));
@@ -438,7 +436,7 @@
     margin-left: initial;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .flex__inner {
     margin-right: calc(-1 * 32px);
     margin-right: calc(-1 * var(--size-32));
@@ -458,7 +456,7 @@
     margin-left: initial;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .flex__inner {
     margin-right: calc(-1 * 48px);
     margin-right: calc(-1 * var(--size-48));
@@ -496,7 +494,7 @@
   padding-left: 0;
   padding-left: initial;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .flex__item {
     padding-right: 24px;
     padding-right: var(--size-24);
@@ -516,7 +514,7 @@
     padding-left: initial;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .flex__item {
     padding-right: 32px;
     padding-right: var(--size-32);
@@ -536,7 +534,7 @@
     padding-left: initial;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .flex__item {
     padding-right: 48px;
     padding-right: var(--size-48);
@@ -560,7 +558,7 @@
   flex: 0 0 calc(100% / 3);
   max-width: calc(100% / 3);
 }
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--4--md {
     flex: 0 0 calc(100% / 3);
     max-width: calc(100% / 3);
@@ -570,7 +568,7 @@
   flex: 0 0 calc(100% / 1.5);
   max-width: calc(100% / 1.5);
 }
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--8--md {
     flex: 0 0 calc(100% / 1.5);
     max-width: calc(100% / 1.5);
@@ -580,7 +578,7 @@
   flex: 0 0 50%;
   max-width: 50%;
 }
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--6--md {
     flex: 0 0 50%;
     max-width: 50%;
@@ -590,7 +588,7 @@
   flex: 0 0 100%;
   max-width: 100%;
 }
-@media (max-width: 767px) {
+@media (max-width: 839.98px) {
   .flex__item--12--md {
     flex: 0 0 100%;
     max-width: 100%;

package/dist/css/footer.css

@@ -12,7 +12,7 @@
   padding-bottom: calc(8px * 10);
   padding-bottom: calc(var(--size-8) * 10);
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .footer {
     padding-top: calc(8px * 15);
     padding-top: calc(var(--size-8) * 15);
@@ -20,7 +20,7 @@
     padding-bottom: calc(var(--size-8) * 15);
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .footer {
     padding-top: calc(8px * 20);
     padding-top: calc(var(--size-8) * 20);
@@ -122,7 +122,7 @@
 .footer.footer-inverse .np-text-body-default {
   color: #ffffff;
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .footer {
     position: relative;
   }

package/dist/css/grid.css

@@ -14,18 +14,18 @@
 .container::after {
   clear: both;
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .container {
     max-width: 1164px;
   }
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .container {
     padding-right: 24px;
     padding-left: 24px;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .container {
     padding-right: 32px;
     padding-left: 32px;
@@ -546,7 +546,7 @@
   margin-left: 0;
   margin-left: initial;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
@@ -972,7 +972,7 @@
     margin-left: initial;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .col-md-1,
   .col-md-2,
   .col-md-3,
@@ -1398,7 +1398,7 @@
     margin-left: initial;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
@@ -1824,7 +1824,7 @@
     margin-left: initial;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .col-xl-1,
   .col-xl-2,
   .col-xl-3,
@@ -2250,13 +2250,13 @@
     margin-left: initial;
   }
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .container {
     padding-right: 16px;
     padding-left: 16px;
   }
 }
-@media (min-width: 576px) and (max-width: 767px) {
+@media (min-width: 600px) and (max-width: 839.98px) {
   .container {
     padding-right: 24px;
     padding-left: 24px;
@@ -2272,22 +2272,22 @@
 [class*="col-xs"] {
   margin-bottom: 0;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   [class*="col-sm"] {
     margin-bottom: 0;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   [class*="col-md"] {
     margin-bottom: 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   [class*="col-lg"] {
     margin-bottom: 0;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   [class*="col-xl"] {
     margin-bottom: 0;
   }
@@ -2299,13 +2299,13 @@
 .row-equal-height > [class*="col-"] {
   display: flex;
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .row-equal-height .col-xs-12 {
     margin-bottom: 12px;
     margin-bottom: var(--size-12);
   }
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .row {
     margin-right: calc(8px * -1);
     margin-right: calc(var(--size-8) * -1);
@@ -2327,7 +2327,7 @@
   padding-right: 24px / 2;
   padding-left: 24px / 2;
 }
-@media all and (min-width: 576px) {
+@media all and (min-width: 600px) {
   .row--wide {
     margin-right: -48px / 2;
     margin-left: -48px / 2;
@@ -2337,7 +2337,7 @@
     padding-left: 48px / 2;
   }
 }
-@media all and (min-width: 992px) {
+@media all and (min-width: 1160px) {
   .row--wide {
     margin-right: -96px / 2;
     margin-left: -96px / 2;
@@ -2347,7 +2347,7 @@
     padding-left: 96px / 2;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .container--fullscreen {
     max-width: 100%;
   }
@@ -2362,7 +2362,7 @@
   margin-right: auto;
   margin-left: auto;
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .container--wide {
     max-width: 1500px;
   }