#1406 - updated sass-loader

undp · Nov 19, 2024 · a2f65e7 · a2f65e7
1 parent 7b29292
commit a2f65e7
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 20 deletions.
diff --git a/docs/css/base-minimal.min.css b/docs/css/base-minimal.min.css
diff --git a/docs/css/ckeditor5.min.css b/docs/css/ckeditor5.min.css
diff --git a/docs/css/components/page-hero.min.css b/docs/css/components/page-hero.min.css
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -99,7 +99,7 @@
     "resolve-url-loader": "^5.0.0",
     "sass": "^1.62.1",
     "sass-embedded": "^1.81.0",
-    "sass-loader": "^13.3.2",
+    "sass-loader": "^16.0.3",
     "storybook": "^8.3.6",
     "style-loader": "^3.3.2",
     "stylelint": "^16.9.0",

diff --git a/stories/assets/scss/_grid-settings.scss b/stories/assets/scss/_grid-settings.scss
@@ -1,9 +1,7 @@
-@import 'node_modules/foundation-sites/scss/util/util';
-
 // 1. Global
 // ---------
 
-$global-width: rem-calc(1440);
+$global-width: 90rem;
 
 // 2. Breakpoints
 // --------------

diff --git a/stories/assets/scss/_grid.scss b/stories/assets/scss/_grid.scss
@@ -1,7 +1,7 @@
-@import 'grid-settings';
-@import 'node_modules/foundation-sites/scss/foundation';
+@use 'grid-settings';
+@use '../../../node_modules/foundation-sites/scss/foundation';
 
-@include foundation-xy-grid-classes(
+@include foundation.foundation-xy-grid-classes(
   $base-grid: true,
   $margin-grid: true,
   $padding-grid: true,
@@ -12,6 +12,6 @@
   $frame-grid: true
 );
 
-@include foundation-float-classes;
-@include foundation-flex-classes;
-@include foundation-visibility-classes;
+@include foundation.foundation-float-classes;
+@include foundation.foundation-flex-classes;
+@include foundation.foundation-visibility-classes;