Converting from sass to nested vanilla css with layers (#147)

assets/css/reset/_reset.css

@@ -0,0 +1,105 @@
+/* stylelint-disable property-no-vendor-prefix */
+
+/* Reset browsers to some sane defaults. */
+
+@layer reset {
+  /* Document */
+
+  /* Use the saner border-box model for all elements. */
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  :root {
+    /* Activate transition to intrinsic sizes like auto and fit-content. */
+    interpolate-size: allow-keywords;
+  }
+
+  /* Transitioning page view. */
+  @view-transition {
+    navigation: auto;
+  }
+
+  html {
+    /* Prevent adjustments of font size. */
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+
+    /* Improve text rendering. */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  /* Sections */
+
+  body {
+    /* Remove the margin in all browsers. */
+    margin: 0;
+    padding: 0;
+
+    /* On short pages, we want the body to fill the entire height */
+    /* of the browser. */
+    min-height: 100vh;
+  }
+
+  /* Embedded content */
+
+  img,
+  svg,
+  picture,
+  audio,
+  video,
+  canvas,
+  iframe,
+  embed,
+  object {
+    display: block;
+  }
+
+  img,
+  svg,
+  video {
+    max-width: 100%;
+    height: auto;
+  }
+
+  figure {
+    margin-inline: 0;
+  }
+
+  /* Form defaults. */
+
+  input,
+  button,
+  textarea,
+  select {
+    font: inherit;
+    letter-spacing: inherit;
+    word-spacing: inherit;
+  }
+
+  [type='search'] {
+    @media (min-width: 666px) {
+      /* Correct the odd appearance in Safari on desktop. */
+      -webkit-appearance: textfield;
+    }
+  }
+
+  /* Code */
+
+  code,
+  kbd,
+  samp {
+    font-family: var(--ff-monospace);
+  }
+
+  /* Numbers */
+
+  td,
+  math,
+  time[datetime*=':'] {
+    font-variant-numeric: tabular-nums lining-nums;
+  }
+}