Merge branch 'PE-399-update-sass'

Author: pilgreen

.gitignore

@@ -9,4 +9,5 @@ package.json.bak
 static/hi
 wiki
 hugo
-.tool-versions
+.tool-versions
+node_modules

builds/saratoga.scss

@@ -1,45 +1,45 @@
 // Base layers
-@import '../static/css/atoms';
-@import '../static/css/molecules';
+@use '../static/css/atoms';
+@use '../static/css/molecules';
 
 // Base Cards
-@import '../static/css/cards/flag';
-@import '../static/css/cards/flag-old';
-@import '../static/css/cards/menu';
-@import '../static/css/cards/footer';
-@import '../static/css/cards/grid';
-@import '../static/css/cards/story';
+@use '../static/css/cards/flag';
+@use '../static/css/cards/flag-old';
+@use '../static/css/cards/menu';
+@use '../static/css/cards/footer';
+@use '../static/css/cards/grid';
+@use '../static/css/cards/story';
 
 // Individual cards
-@import '../static/css/cards/premium-topper';
-@import '../static/css/cards/flex-columns';
-@import '../static/css/cards/zones';
-@import '../static/css/cards/digest';
-@import '../static/css/cards/immersive';
-@import '../static/css/cards/search';
-@import '../static/css/cards/header';
-@import '../static/css/cards/series-nav';
-@import '../static/css/cards/correction';
-@import '../static/css/cards/related-stories';
-@import '../static/css/cards/author-card';
-@import '../static/css/cards/timeline';
-@import '../static/css/cards/transparency';
-@import '../static/css/cards/big-news';
-@import '../static/css/cards/in-depth';
-@import '../static/css/cards/read-next';
-@import '../static/css/cards/section-nav';
-@import '../static/css/cards/inline-cta';
-@import '../static/css/cards/upper-nav';
-@import '../static/css/cards/gallery';
-@import '../static/css/cards/panel';
-@import '../static/css/cards/taboola';
-@import '../static/css/cards/utilities';
-@import '../static/css/cards/promo-banner';
-@import '../static/css/cards/breaking-news-banner';
+@use '../static/css/cards/premium-topper';
+@use '../static/css/cards/flex-columns';
+@use '../static/css/cards/zones';
+@use '../static/css/cards/digest';
+@use '../static/css/cards/immersive';
+@use '../static/css/cards/search';
+@use '../static/css/cards/header';
+@use '../static/css/cards/series-nav';
+@use '../static/css/cards/correction';
+@use '../static/css/cards/related-stories';
+@use '../static/css/cards/author-card';
+@use '../static/css/cards/timeline';
+@use '../static/css/cards/transparency';
+@use '../static/css/cards/big-news';
+@use '../static/css/cards/in-depth';
+@use '../static/css/cards/read-next';
+@use '../static/css/cards/section-nav';
+@use '../static/css/cards/inline-cta';
+@use '../static/css/cards/upper-nav';
+@use '../static/css/cards/gallery';
+@use '../static/css/cards/panel';
+@use '../static/css/cards/taboola';
+@use '../static/css/cards/utilities';
+@use '../static/css/cards/promo-banner';
+@use '../static/css/cards/breaking-news-banner';
 
 // Decks
-@import '../static/css/decks/fixes';
-@import '../static/css/decks/impact2020';
-@import '../static/css/decks/premium';
-@import '../static/css/decks/guide';
-@import '../static/css/decks/dark';
+@use '../static/css/decks/fixes';
+@use '../static/css/decks/impact2020';
+@use '../static/css/decks/premium';
+@use '../static/css/decks/guide';
+@use '../static/css/decks/dark';

builds/vendor-cards.scss

@@ -1 +1 @@
-@import '../static/css/cards/vendor-cards';
+@use '../static/css/cards/vendor-cards';