Use the modern Saas Modules

pradyunsg · Jan 3, 2025 · 3e9e50b · 3e9e50b
1 parent 2ed36c1
commit 3e9e50b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/furo/assets/styles/content/_admonitions.sass b/src/furo/assets/styles/content/_admonitions.sass
@@ -1,3 +1,4 @@
+@use "sass:list"
 //
 // The design here is strongly inspired by mkdocs-material.
 .admonition, .topic
@@ -71,7 +72,7 @@ p.topic-title
         background-color: var(--color-admonition-title-background--#{$type})
         &::before
           background-color: var(--color-admonition-title--#{$type})
-          mask-image: var(--icon-#{nth($value, 2)})
+          mask-image: var(--icon-#{list.nth($value, 2)})
 
 .admonition-todo > .admonition-title
   text-transform: uppercase
diff --git a/src/furo/assets/styles/variables/_admonitions.scss b/src/furo/assets/styles/variables/_admonitions.scss
@@ -1,3 +1,4 @@
+@use "sass:list";
 // Admonitions
 
 // Structure of these is:
@@ -39,9 +40,9 @@ $admonitions: (
 
 @mixin admonitions {
   @each $name, $values in $admonitions {
-    --color-admonition-title--#{$name}: #{nth($values, 1)};
+    --color-admonition-title--#{$name}: #{list.nth($values, 1)};
     --color-admonition-title-background--#{$name}: #{rgba(
-        nth($values, 1),
+        list.nth($values, 1),
         0.2
       )};
   }