2.5.7

Author: gabrielakhanna

dist/saratoga.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 /**
  * Default parameters
  */
@@ -119,11 +118,9 @@ h6, .h6 {
   h1, .h1 {
     font-size: var(--h2);
   }
-
   h2, .h2 {
     font-size: 1.22rem;
   }
-
   h3, .h3 {
     font-size: var(--font-base);
   }
@@ -417,13 +414,13 @@ input:focus, select:focus, .focus {
 }
 
 .password-label:after {
-  content: "";
+  content: "\f070";
   font: 400 14px Font Awesome\ 5 Free;
   cursor: pointer;
 }
 
 .password-label.active:after {
-  content: "";
+  content: "\f06e";
 }
 
 /**
@@ -644,7 +641,7 @@ figcaption .byline {
 }
 
 .slider::-webkit-scrollbar-thumb {
-  background: var(--scrollbar-foreground, #0007);
+  background: var(--scrollbar-foreground, rgba(0, 0, 0, 0.4666666667));
 }
 
 .slider::--webkit-scrollbar-track {
@@ -683,7 +680,6 @@ section, .section {
   section, .section {
     padding: 0 var(--page-padding);
   }
-
   .section-label {
     padding: 0;
   }
@@ -966,33 +962,27 @@ html.msb .masthead {
     --flag-height: 44px;
     --menu-width: 100vw;
   }
-
   .flag {
     padding: 0;
     column-gap: 0;
     grid-template-columns: auto 1fr;
     grid-template-areas: "bottom top";
   }
-
   .flag .button {
     padding: 0 var(--space-sm);
   }
-
   .flag .msb-hide a:last-of-type {
     padding-right: var(--space-sm);
   }
-
   .flag-top {
     grid-template-columns: 200px 1fr;
     grid-template-areas: "middle right";
     gap: var(--space-sm);
   }
-
   .flag-bottom {
     grid-template-columns: 1fr;
     grid-template-areas: "left";
   }
-
   .flag-line {
     display: none;
   }
@@ -1102,7 +1092,6 @@ html.msb .masthead {
     grid-template-columns: 1fr 1fr;
     grid-template-areas: "menu account" "left right" "logo logo" "nav nav";
   }
-
   .msb .sds-flag {
     grid-template-areas: "menu account" "left right" "edition edition" "logo logo" "nav nav";
   }
@@ -1112,7 +1101,6 @@ html.msb .masthead {
     grid-template-columns: 1fr 2fr 1fr;
     grid-template-areas: "menu . account" "left logo right" "nav nav nav";
   }
-
   .msb .sds-flag {
     grid-template-areas: "menu edition account" "left logo right" "nav nav nav";
   }
@@ -1516,7 +1504,6 @@ footer {
     flex-direction: row;
     justify-content: space-around;
   }
-
   .bottom-nav {
     display: flex;
     justify-content: center;
@@ -1527,7 +1514,6 @@ footer {
   .footer {
     grid-template-columns: 340px 1fr;
   }
-
   .footer-links {
     justify-content: end;
   }
@@ -1572,9 +1558,8 @@ footer {
   .grid .two-columns {
     grid-column: span 2;
   }
-
   .grid .three-columns,
-.grid .full-width {
+  .grid .full-width {
     grid-column: 1/-1;
   }
 }
@@ -1586,17 +1571,14 @@ footer {
     grid-column-end: span 2;
     grid-row: span 2;
   }
-
   .grid .digest {
     align-self: stretch;
     grid-column: 1;
     grid-row-end: span 2;
   }
-
   .grid .in-depth {
     grid-column: 1/-1;
   }
-
   .grid .optional-digest {
     grid-row-start: 8;
   }
@@ -1734,7 +1716,7 @@ footer {
  */
 .story-body > .inline-video {
   box-sizing: border-box;
-  max-width: calc(var(--story-media-width) + (var(--page-padding) * 2));
+  max-width: calc(var(--story-media-width) + var(--page-padding) * 2);
 }
 
 /**
@@ -1952,40 +1934,32 @@ footer {
     flex-wrap: wrap;
     margin: -15px;
   }
-
   .flex-columns.reverse {
     flex-direction: row-reverse;
   }
-
   .flex-columns > * {
     flex: 1 1 300px;
     margin: 15px;
   }
-
   .flex-columns > zeus-ad {
     flex: none;
     padding: 15px;
   }
-
   .flex-columns > .flex-columns {
     margin: 0;
   }
-
   .flex-columns .main-stage {
     flex: 2 1 660px;
     align-self: flex-start;
   }
-
   .flex-columns .rail {
     flex-basis: 330px;
     align-self: flex-start;
   }
-
   /** Special cases **/
   .lead-section .main-stage > :first-child {
     flex-basis: 100%;
   }
-
   .main-stage > .flex-columns + .flex-columns {
     padding-top: 15px;
   }
@@ -2071,8 +2045,7 @@ footer {
 
 .scrollow > * {
   position: sticky;
-  top: 70px;
-  /* flag height - padding */
+  top: 70px; /* flag height - padding */
 }
 
 /**
@@ -2220,7 +2193,6 @@ footer {
   .search-form {
     grid-template-columns: 1fr 140px 200px;
   }
-
   .search-form .select {
     grid-column: auto;
   }
@@ -2307,7 +2279,6 @@ footer {
     grid-template-columns: 35px 1fr;
     align-items: start;
   }
-
   .opinion-banner svg {
     grid-row: span 2;
   }
@@ -2391,7 +2362,6 @@ footer {
     margin-bottom: var(--space-sm);
     padding-top: 5px;
   }
-
   .related-stories .package:last-child::after {
     display: none;
   }
@@ -2495,16 +2465,13 @@ footer {
     grid-template-columns: auto 3fr 2fr;
     grid-template-areas: "thumb info contact" "thumb bio contact";
   }
-
   .author-bio .a-details {
     align-self: end;
   }
-
   .author-bio .thumb {
     width: 160px;
     height: 160px;
   }
-
   .author-bio .a-social {
     justify-self: end;
   }
@@ -2519,7 +2486,7 @@ footer {
   --header-family: var(--sans);
   --header-weight: 600;
   --header-transform: uppercase;
-  padding: var(--timeline-padding, calc(var(--space)*2/3) var(--space));
+  padding: var(--timeline-padding, calc(var(--space) * 2 / 3) var(--space));
 }
 
 .timeline-event:before {
@@ -2634,12 +2601,10 @@ section.big-news {
   .big-news .h1 {
     font-size: 2.67rem;
   }
-
   .big-news .label .h5 {
     font-size: 1.33rem;
     margin: 0;
   }
-
   .big-news figcaption {
     font: 0.78rem var(--sans);
   }
@@ -2859,11 +2824,9 @@ section.big-news {
   .upper-nav {
     height: 35px;
   }
-
   .upper-nav .tab .favicon {
     display: none;
   }
-
   .upper-nav .tab .logo {
     display: block;
   }
@@ -3066,17 +3029,15 @@ section.big-news {
   .h-tablet {
     display: none;
   }
-
   .h-phone,
-.d-tablet {
+  .d-tablet {
     display: var(--display, block);
   }
 }
 @media (min-width: 1024px) {
   .h-desktop {
     display: none;
   }
-
   .d-desktop {
     display: var(--display, block);
   }
@@ -3166,7 +3127,6 @@ section.big-news {
   #promo-banner h3 {
     font-size: 16px;
   }
-
   #promo-banner .button {
     display: none;
   }
@@ -3478,7 +3438,6 @@ custom-digest {
     align-items: flex-start;
     flex-direction: column;
   }
-
   .viafoura .vf-comment-header .vf-comment-header__actions {
     align-items: start;
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "saratoga-design-system",
-  "version": "2.5.6",
+  "version": "2.5.7",
   "scripts": {
     "build": "sass --style expanded --no-source-map builds:dist",
     "version": "npm run build && git add -A dist",