@transferwise/neptune-css 14.29.3 → 14.29.5

package/dist/css/navs.css

@@ -13,37 +13,28 @@
   outline-offset: -1px;
   padding-block: 9px 7px;
   padding-inline: 24px;
-  color: #37517e;
   color: var(--color-content-primary);
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
-  font-size: 1rem;
   font-size: var(--font-size-16);
 }
 .nav > li > a:hover,
 .nav > li > a:focus {
   -webkit-text-decoration: none;
   text-decoration: none;
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .nav > li > a:active {
-  color: #0077a5;
   color: var(--color-content-accent-active);
 }
 .nav > .active > a {
-  color: #0097c7;
   color: var(--color-content-accent);
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 .nav > .active > a:hover,
 .nav > .active > a:focus {
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .nav > .active > a:active {
-  color: #0077a5;
   color: var(--color-content-accent-active);
 }
 .nav > .disabled > a:hover,
@@ -55,7 +46,6 @@
 .nav .open > a,
 .nav .open > a:hover,
 .nav .open > a:focus {
-  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 .nav .nav-divider {
@@ -74,8 +64,6 @@
   background-color: #2e4369;
 }
 .nav-tabs {
-  border-block-end: 1px solid rgba(0,0,0,0.10196);
-  border-block-end: 1px solid #0000001a;
   border-block-end: 1px solid var(--color-border-neutral);
 }
 .nav-tabs > li {
@@ -84,30 +72,23 @@
 }
 .nav-tabs > li > a {
   margin-inline-end: 2px;
-  line-height: 1.5;
   line-height: var(--line-height-body);
   border-block-end: 3px solid transparent;
-  font-size: 1rem;
   font-size: var(--font-size-16);
 }
 .nav-tabs > .active > a {
-  border-block-end: 3px solid rgba(0,0,0,0.10196);
-  border-block-end: 3px solid #0000001a;
   border-block-end: 3px solid var(--color-border-neutral);
 }
 .nav-tabs > .active > a:hover,
 .nav-tabs > .active > a:focus {
-  color: #0097c7;
   color: var(--color-content-accent);
   cursor: default;
 }
 .nav-pills > li {
   float: inline-start;
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
 .nav-pills > li > a {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
 .nav-stacked > li {
@@ -116,7 +97,6 @@
 .nav-stacked > li > a {
   border-inline-start: 3px solid transparent;
   padding-inline-start: 21px;
-  padding-inline-end: 24px;
   padding-inline-end: var(--size-24);
   transition: color 0.2s ease-in-out;
 }
@@ -125,7 +105,6 @@
 }
 @media (min-width: 1160px) {
   .nav-stacked > li > a {
-    padding-inline-end: 32px;
     padding-inline-end: var(--size-32);
     padding-inline-start: 29px !important;
   }
@@ -136,7 +115,6 @@
 .nav-stacked > li.active > a,
 .nav-stacked > li.active > a:hover,
 .nav-stacked > li.active > a:focus {
-  border-inline-start: 3px solid #00a2dd;
   border-inline-start: 3px solid var(--color-interactive-accent);
   padding-inline-start: 21px;
 }
@@ -159,9 +137,7 @@
 }
 .nav-justified.nav-pills > li > a {
   padding-block: 0;
-  padding-inline: 4px;
   padding-inline: var(--size-4);
-  line-height: 1.5;
   line-height: var(--line-height-body);
 }
 @media (min-width: 840px) {
@@ -206,15 +182,12 @@
 }
 .nav-tabs-justified > li > a {
   margin-inline-end: 0;
-  border-block-end: 1px solid rgba(0,0,0,0.10196);
-  border-block-end: 1px solid #0000001a;
   border-block-end: 1px solid var(--color-border-neutral);
   border-radius: 3px;
 }
 .nav-tabs-justified > .active > a,
 .nav-tabs-justified > .active > a:hover,
 .nav-tabs-justified > .active > a:focus {
-  border: 1px solid rgba(0,0,0,0.10196);
   border: 1px solid var(--color-border-neutral);
   border-block-end: 0;
 }