SCSS: Add @charset, scroll-behavior:smooth

wikjoh · Oct 6, 2024 · b79916d · b79916d
1 parent 281ebbb
commit b79916d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 0 deletions.
diff --git a/css/main.css b/css/main.css
@@ -97,6 +97,11 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.3;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
 h1, h2, h3, h4, h5, h6 {
   color: var(--color-heading);
 }

diff --git a/css/scss/base/_base.scss b/css/scss/base/_base.scss
@@ -1,3 +1,9 @@
+@media (prefers-reduced-motion: no-preference) {
+  :root {
+    scroll-behavior: smooth;
+  }
+}
+
 h1, h2, h3, h4, h5, h6 {
   color: var(--color-heading);
 }

diff --git a/css/scss/base/_typography.scss b/css/scss/base/_typography.scss
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @use '../abstracts/' as *;
 
 @import url('https://fonts.googleapis.com/css2?family=Manrope:[email protected]&display=swap');