@transferwise/neptune-css 0.0.0-experimental-d1d4c1b → 0.0.0-experimental-14ea772

package/dist/css/panels.css

@@ -29,7 +29,7 @@
 .panel-footer {
   padding: 16px;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .panel {
     margin-bottom: 24px;
     margin-left: -24px;
@@ -45,7 +45,7 @@
     padding: 24px;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel {
     margin-left: 0;
     margin-right: 0;
@@ -54,7 +54,7 @@
     padding: 16px 0 8px 0;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .panel {
     margin-bottom: 32px;
     border-radius: 3px;
@@ -66,7 +66,7 @@
     padding: 32px;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel-title {
     line-height: calc(1.2 * 2);
     line-height: calc(var(--line-height-title) * 2);
@@ -326,7 +326,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   padding-right: 0;
   padding-right: initial;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel > .table tr > :first-child,
   .panel > .table-responsive tr > :first-child {
     padding-left: 24px;
@@ -348,7 +348,7 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
     padding-right: initial;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .panel > .table tr > :first-child,
   .panel > .table-responsive tr > :first-child {
     padding-left: 32px;
@@ -386,13 +386,13 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 }
 .panel-group .panel-heading + .panel-collapse > .panel-body,
 .panel-group .panel-heading + .panel-collapse > .list-group {
-  border-top: 1px solid #FFF;
+  border-top: 1px solid #fff;
 }
 .panel-group .panel-footer {
   border-top: 0;
 }
 .panel-group .panel-footer + .panel-collapse .panel-body {
-  border-bottom: 1px solid #FFF;
+  border-bottom: 1px solid #fff;
 }
 .panel-default {
   border-color: #e2e6e8 !important;
@@ -429,21 +429,21 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   border-bottom-color: #37517e;
 }
 .panel-success {
-  border-color: #2ED06E !important;
+  border-color: #2ed06e !important;
 }
 .panel-success > .panel-heading {
-  color: #1B7940;
-  border-color: #2ED06E;
+  color: #1b7940;
+  border-color: #2ed06e;
 }
 .panel-success > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #2ED06E;
+  border-top-color: #2ed06e;
 }
 .panel-success > .panel-heading .badge {
-  color: #FFF;
-  background-color: #1B7940;
+  color: #fff;
+  background-color: #1b7940;
 }
 .panel-success > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #2ED06E;
+  border-bottom-color: #2ed06e;
 }
 .panel-info {
   border-color: #00b9ff !important;
@@ -456,45 +456,45 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
   border-top-color: #00b9ff;
 }
 .panel-info > .panel-heading .badge {
-  color: #FFF;
+  color: #fff;
   background-color: #00a4df;
 }
 .panel-info > .panel-footer + .panel-collapse > .panel-body {
   border-bottom-color: #00b9ff;
 }
 .panel-warning {
-  border-color: #FFA600 !important;
+  border-color: #ffa600 !important;
 }
 .panel-warning > .panel-heading {
-  color: #9E5F00;
-  border-color: #FFA600;
+  color: #9e5f00;
+  border-color: #ffa600;
 }
 .panel-warning > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #FFA600;
+  border-top-color: #ffa600;
 }
 .panel-warning > .panel-heading .badge {
-  color: #FFF;
-  background-color: #9E5F00;
+  color: #fff;
+  background-color: #9e5f00;
 }
 .panel-warning > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #FFA600;
+  border-bottom-color: #ffa600;
 }
 .panel-danger {
-  border-color: #F53636 !important;
+  border-color: #f53636 !important;
 }
 .panel-danger > .panel-heading {
-  color: #C22E2E;
-  border-color: #F53636;
+  color: #c22e2e;
+  border-color: #f53636;
 }
 .panel-danger > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #F53636;
+  border-top-color: #f53636;
 }
 .panel-danger > .panel-heading .badge {
-  color: #FFF;
-  background-color: #C22E2E;
+  color: #fff;
+  background-color: #c22e2e;
 }
 .panel-danger > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #F53636;
+  border-bottom-color: #f53636;
 }
 .panel ul:last-child {
   margin-bottom: 0;
@@ -508,19 +508,19 @@ html:not([dir="rtl"]) .panel > .table-responsive > .table-bordered > tfoot > tr
 .panel-group .panel-footer {
   padding: 16px;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .panel-group .panel .panel-heading,
   .panel-group .panel .panel-footer {
     padding: 24px !important;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .panel-group .panel .panel-heading,
   .panel-group .panel .panel-footer {
     padding: 24px 32px;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .panel {
     margin-left: 0;
     margin-right: 0;

package/dist/css/popovers.css

@@ -422,12 +422,12 @@ button.close {
     hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
-  @media (min-width: 768px) {
+  @media (min-width: 840px) {
     .popover-title {
       hyphenate-limit-chars: 8 3;
     }
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .popover-title {
       hyphenate-limit-chars: 10 4 3;
     }
@@ -439,7 +439,7 @@ button.close {
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
-  @media (min-width: 992px) {
+  @media (min-width: 1160px) {
     .popover-title {
       -webkit-hyphenate-limit-before: 4;
     }
@@ -531,7 +531,7 @@ button.popover-close {
 .nav > li > a [data-toggle="popover"] {
   border-bottom: 0;
 }
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .popover-modal {
     position: fixed;
     top: 0 !important;
@@ -545,7 +545,7 @@ button.popover-close {
     display: none;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .popover-modal.left {
     margin-right: -var(--size-24) !important;
   }
@@ -597,7 +597,7 @@ button.popover-close {
   left: auto;
   left: initial;
 }
-@media (max-width: 991px) {
+@media (max-width: 1159.98px) {
   .popover-modal-cover {
     display: block;
   }
@@ -607,7 +607,7 @@ button.popover-close {
   padding: 24px;
   padding: var(--size-24);
 }
-@media (max-width: 576px) {
+@media (max-width: 600px) {
   .popover-promotion {
     width: auto !important;
     padding: 24px !important;
@@ -616,7 +616,7 @@ button.popover-close {
     margin: var(--size-16) !important;
   }
 }
-@media (min-width: 566px) and (max-width: 992px) {
+@media (min-width: 590px) and (max-width: 1160px) {
   .popover-promotion {
     width: 540px !important;
     padding: 28px 32px !important;
@@ -631,7 +631,7 @@ button.popover-close {
   line-height: 1.2;
   line-height: var(--line-height-title);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .popover-promotion .popover-title {
     font-size: 1.25rem;
     font-size: var(--font-size-20);
@@ -639,22 +639,22 @@ button.popover-close {
     line-height: var(--line-height-title);
   }
 }
-@media (max-width: 480px) {
+@media (max-width: 320px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
-@media (min-width: 480px) and (max-width: 992px) {
+@media (min-width: 320px) and (max-width: 1160px) {
   .popover-promotion .popover-image {
     width: 60%;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .popover-promotion .popover-image {
     width: 80%;
   }
 }
-@media (max-width: 992px) {
+@media (max-width: 1160px) {
   .popover-promotion {
     position: absolute !important;
   }

package/dist/css/select.css

@@ -81,7 +81,7 @@
 .tw-select .circle .tw-icon {
   vertical-align: middle;
 }
-@media (max-width: 575px) {
+@media (max-width: 599.98px) {
   .tw-select.dropdown-menu.dropdown-menu--open {
     max-height: 50vh;
     max-height: 50svh;

package/dist/css/sequences.css

@@ -19,7 +19,7 @@
 .sequence > li:last-child {
   margin-bottom: 16px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence > li {
     padding-top: 4px;
     padding-bottom: 4px;
@@ -57,7 +57,7 @@
 .sequence .sequence-icon {
   top: 2px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence .sequence-icon {
     top: 4px;
   }
@@ -115,7 +115,7 @@
   margin-left: 0;
   margin-left: initial;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence {
     padding-right: 24px;
     font-size: 1rem;
@@ -588,7 +588,7 @@
 .sequence-lg > li:last-child {
   margin-bottom: 24px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence-lg > li {
     padding-top: 8px;
     padding-bottom: 8px;
@@ -626,7 +626,7 @@
 .sequence-lg .sequence-icon {
   top: 8px;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence-lg .sequence-icon {
     top: 8px;
   }
@@ -679,7 +679,7 @@
   margin-left: 0;
   margin-left: initial;
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .sequence-lg {
     padding-left: 48px;
   }

package/dist/css/table.css

@@ -135,7 +135,7 @@ th {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
-@media (max-width: 767px) {
+@media (max-width: 839.8px) {
   div.table-bordered:not(.table-responsive) {
     border: 0;
   }
@@ -144,7 +144,7 @@ th {
   background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .table-striped > .tbody > dl:nth-of-type(odd) {
     background-color: rgba(134,167,189,0.10196);
     background-color: var(--color-background-neutral);
@@ -319,7 +319,7 @@ table col[class*="col-"] {
 .table-responsive.table-bordered {
   border: 0;
 }
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 839.8px) {
   .table-responsive {
     width: 100%;
     margin-bottom: 24px;
@@ -353,7 +353,7 @@ table col[class*="col-"] {
     border-radius: 3px;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .table {
     display: table;
   }
@@ -390,7 +390,7 @@ table col[class*="col-"] {
     display: table-footer-group;
   }
 }
-@media (max-width: 767px) {
+@media (max-width: 839.8px) {
   .table > .thead {
     display: none;
   }
@@ -411,7 +411,7 @@ table col[class*="col-"] {
     margin: 0;
   }
 }
-@media (max-width: 575px) {
+@media (max-width: 599.8px) {
   .table > .tbody > dl {
     padding-bottom: 8px;
   }

package/dist/css/utilities.css

@@ -36,7 +36,7 @@
 .pull-xs-none {
   float: none !important;
 }
-@media (min-width: 576px) {
+@media (min-width: 600px) {
   .pull-sm-left {
     float: left !important;
   }
@@ -53,7 +53,7 @@
     float: none !important;
   }
 }
-@media (min-width: 768px) {
+@media (min-width: 840px) {
   .pull-md-left {
     float: left !important;
   }
@@ -70,7 +70,7 @@
     float: none !important;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: 1160px) {
   .pull-lg-left {
     float: left !important;
   }
@@ -87,7 +87,7 @@
     float: none !important;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: 1160px) {
   .pull-xl-left {
     float: left !important;
   }

package/dist/css/wells.css

@@ -12,7 +12,7 @@
   padding: var(--size-24);
   box-shadow: none;
 }
-@media only screen and (min-width: 576px) {
+@media only screen and (min-width: 600px) {
   .well-sm {
     min-height: 24px;
     min-height: var(--size-24);
@@ -27,7 +27,7 @@
     box-shadow: none;
   }
 }
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 840px) {
   .well-md {
     min-height: 24px;
     min-height: var(--size-24);
@@ -42,7 +42,7 @@
     box-shadow: none;
   }
 }
-@media only screen and (min-width: 992px) {
+@media only screen and (min-width: 1160px) {
   .well-lg {
     min-height: 24px;
     min-height: var(--size-24);
@@ -57,7 +57,7 @@
     box-shadow: none;
   }
 }
-@media only screen and (min-width: 1200px) {
+@media only screen and (min-width: 1160px) {
   .well-xl {
     min-height: 24px;
     min-height: var(--size-24);