From b4a0c5831d60e1d6510a8cd1fe9190ced77da483 Mon Sep 17 00:00:00 2001
From: marleyrae <marleyrae@protonmail.com>
Date: Mon, 19 Jun 2023 18:03:01 -0700
Subject: [PATCH] Update reset.css to my version

---
 src/reset.css | 117 ++++++++++++++++++++++----------------------------
 1 file changed, 52 insertions(+), 65 deletions(-)

diff --git a/src/reset.css b/src/reset.css
index f3d489c..acdd547 100644
--- a/src/reset.css
+++ b/src/reset.css
@@ -1,73 +1,60 @@
-/* Box sizing rules */
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
+@layer reset {
+    /* Box sizing rules */
+    *,
+    *::before,
+    *::after {
+        box-sizing: border-box;
+    }
 
-/* Remove default margin */
-body,
-h1,
-h2,
-h3,
-h4,
-p,
-figure,
-blockquote,
-dl,
-dd {
-  margin: 0;
-}
+    /* Remove default margin */
+    body,
+    h1,
+    h2,
+    h3,
+    h4,
+    p,
+    figure,
+    blockquote,
+    dl,
+    dd {
+        margin: 0;
+    }
 
-/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role="list"],
-ol[role="list"] {
-  list-style: none;
-}
+    /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+    ul[role="list"],
+    ol[role="list"] {
+        list-style: none;
+    }
 
-/* Set core root defaults */
-html:focus-within {
-  scroll-behavior: smooth;
-}
+    /* Set core root defaults */
+    html:focus-within {
+        scroll-behavior: smooth;
+    }
 
-/* Set core body defaults */
-body {
-  min-height: 100vh;
-  text-rendering: optimizeSpeed;
-  line-height: 1.5;
-}
+    /* Set core body defaults */
+    body {
+        min-block-size: 100vb;
+        text-rendering: optimizeSpeed;
+        line-height: 1.5;
+    }
 
-/* A elements that don't have a class get default styles */
-a:not([class]) {
-  text-decoration-skip-ink: auto;
-}
+    /* A elements that don't have a class get default styles */
+    a:not([class]) {
+        text-decoration-skip-ink: auto;
+    }
 
-/* Make images easier to work with */
-img,
-picture {
-  max-width: 100%;
-  display: block;
-}
+    /* Make images easier to work with */
+    img,
+    picture {
+        max-inline-size: 100%;
+        display: block;
+    }
 
-/* Inherit fonts for inputs and buttons */
-input,
-button,
-textarea,
-select {
-  font: inherit;
-}
-
-/* Remove all animations and transitions for people that prefer not to see them */
-@media (prefers-reduced-motion: reduce) {
-  html:focus-within {
-   scroll-behavior: auto;
-  }
-  *,
-  *::before,
-  *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    scroll-behavior: auto !important;
-  }
+    /* Inherit fonts for inputs and buttons */
+    input,
+    button,
+    textarea,
+    select {
+        font: inherit;
+    }
 }