@transferwise/neptune-css 0.0.0-experimental-b8acfbb → 0.0.0-experimental-9513a35

package/dist/css/footer.css

@@ -1,45 +1,16 @@
-.footer,
-.footer .footer-link,
-.footer .link-icon {
-  word-wrap: break-word;
-}
-@supports (hyphenate-limit-chars: 1) {
-  .footer,
-  .footer .footer-link,
-  .footer .link-icon {
-    hyphens: auto;hyphenate-limit-chars: 7 3;
-  }
-  @media (min-width: 840px) {
-    .footer,
-    .footer .footer-link,
-    .footer .link-icon {
-      hyphenate-limit-chars: 8 3;
-    }
-  }
-  @media (min-width: 1160px) {
-    .footer,
-    .footer .footer-link,
-    .footer .link-icon {
-      hyphenate-limit-chars: 10 4 3;
-    }
-  }
-}@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
-  .footer,
-  .footer .footer-link,
-  .footer .link-icon {
-    hyphens: auto;-webkit-hyphenate-limit-before: 3;-webkit-hyphenate-limit-after: 3;
-  }
-  @media (min-width: 1160px) {
-    .footer,
-    .footer .footer-link,
-    .footer .link-icon {
-      -webkit-hyphenate-limit-before: 4;
-    }
-  }
-}.footer {
+.footer {
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
+  padding-block-start: calc(8px * 10);
   padding-block-start: calc(var(--size-8) * 10);
+  padding-block-end: calc(8px * 10);
   padding-block-end: calc(var(--size-8) * 10);
 }
 @supports (hyphenate-limit-chars: 1) {
@@ -72,19 +43,30 @@
 }
 @media (min-width: 600px) {
   .footer {
+    padding-block-start: calc(8px * 15);
     padding-block-start: calc(var(--size-8) * 15);
+    padding-block-end: calc(8px * 15);
     padding-block-end: calc(var(--size-8) * 15);
   }
 }
 @media (min-width: 1160px) {
   .footer {
+    padding-block-start: calc(8px * 20);
     padding-block-start: calc(var(--size-8) * 20);
+    padding-block-end: calc(8px * 20);
     padding-block-end: calc(var(--size-8) * 20);
   }
 }
 .footer .footer-link,
 .footer .link-icon {
+  color: #5d7079;
   color: var(--color-content-secondary);
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
   word-wrap: break-word;
 }
 @supports (hyphenate-limit-chars: 1) {
@@ -126,17 +108,21 @@
 .footer .link-icon:active,
 .footer .footer-link:focus,
 .footer .link-icon:focus {
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .footer .footer-title {
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .footer .footer-title .footer-link {
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .footer .footer-title .footer-link:hover,
 .footer .footer-title .footer-link:active,
 .footer .footer-title .footer-link:focus {
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .footer .logo {
@@ -153,11 +139,13 @@
   text-decoration: none;
 }
 .footer .link-icon svg {
+  fill: #5d7079;
   fill: var(--color-content-secondary);
 }
 .footer .link-icon svg:hover,
 .footer .link-icon svg:active,
 .footer .link-icon svg:focus {
+  fill: #5d7079;
   fill: var(--color-content-secondary);
 }
 .footer.footer-inverse {
@@ -195,8 +183,7 @@
 }
 .footer.footer-inverse .tiny,
 .footer.footer-inverse .body-3,
-.footer.footer-inverse .np-text-body-default,
-.footer.footer-inverse .wds-text-body-default {
+.footer.footer-inverse .np-text-body-default {
   color: #ffffff;
 }
 @media (max-width: 599.98px) {

package/dist/css/grid.css

@@ -1219,6 +1219,7 @@
 [class*="col-md"],
 [class*="col-lg"],
 [class*="col-xl"] {
+  margin-block-end: calc(8px * 2);
   margin-block-end: calc(var(--size-8) * 2);
 }
 [class*="col-xs"] {
@@ -1253,16 +1254,21 @@
 }
 @media (max-width: 599.98px) {
   .row-equal-height .col-xs-12 {
+    margin-block-end: 12px;
     margin-block-end: var(--size-12);
   }
 }
 @media (max-width: 599.98px) {
   .row {
+    margin-inline-end: calc(8px * -1);
     margin-inline-end: calc(var(--size-8) * -1);
+    margin-inline-start: calc(8px * -1);
     margin-inline-start: calc(var(--size-8) * -1);
   }
   [class*="col-"] {
+    padding-inline-end: 8px;
     padding-inline-end: var(--size-8);
+    padding-inline-start: 8px;
     padding-inline-start: var(--size-8);
   }
 }