refactor(mixins-general): ♻️ update place of html & body tags at …

…top of `reset` mixin
Black-Axis · Jun 17, 2024 · e83dffb · e83dffb
1 parent 4555d3a
commit e83dffb
Showing 1 changed file with 31 additions and 31 deletions.
diff --git a/src/mixins/general/_reset.scss b/src/mixins/general/_reset.scss
@@ -53,6 +53,37 @@
         }
     }
 
+    // * Set core root defaults
+    html,
+    html:focus-within {
+        scroll-behavior: smooth;
+    }
+
+    // * Set core body defaults
+    body {
+        min-block-size: 100dvh;
+        min-height: 100dvh;
+        line-height: 1.5;
+
+        // * This is for improve text rendering in the browsers
+        -webkit-font-smoothing: antialiased;
+
+        // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector
+        :where(&) {
+            overflow-wrap: break-word;
+
+            $hyphens-props: (
+                -webkit-hyphens: auto,
+                -ms-hyphens: auto,
+                hyphens: auto
+            ) !default;
+
+            @each $prop, $value in $hyphens-props {
+                #{$prop}: $value;
+            }
+        }
+    }
+
     // * Remove default margin
     body,
     h1,
@@ -92,37 +123,6 @@
         unicode-bidi: isolate;
     }
 
-    // * Set core root defaults
-    html,
-    html:focus-within {
-        scroll-behavior: smooth;
-    }
-
-    // * Set core body defaults
-    body {
-        min-block-size: 100dvh;
-        min-height: 100dvh;
-        line-height: 1.5;
-
-        // * This is for improve text rendering in the browsers
-        -webkit-font-smoothing: antialiased;
-
-        // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector
-        :where(&) {
-            overflow-wrap: break-word;
-
-            $hyphens-props: (
-                -webkit-hyphens: auto,
-                -ms-hyphens: auto,
-                hyphens: auto
-            ) !default;
-
-            @each $prop, $value in $hyphens-props {
-                #{$prop}: $value;
-            }
-        }
-    }
-
     // * A elements that don't have a class get default styles
     a:not([class]) {
         $text-decoration-ink-props: (