remove dynamic range query

markgoho · Jan 15, 2024 · fd4b29b · fd4b29b
1 parent ddc150b
commit fd4b29b
Showing 1 changed file with 14 additions and 15 deletions.
diff --git a/hugo/assets/styles.scss b/hugo/assets/styles.scss
@@ -4,21 +4,6 @@
 @import url('https://unpkg.com/open-props/oklch-hues.min.css');
 @import url('https://unpkg.com/open-props/gray-oklch.min.css');
 
-@media (dynamic-range: high) {
-  /* does this browser understand display-p3? */
-  @supports (color: oklch(99% 0.03 0)) {
-    :root {
-      --color-hue: var(--hue-indigo);
-      --gray-hue: var(--hue-indigo);
-      --gray-chroma: 0.02;
-    }
-  }
-}
-
-:where(html) {
-  --font-sans: Prompt, sans-serif;
-}
-
 :root {
   --link: var(--color-10);
   --text-1: var(--gray-12);
@@ -43,6 +28,18 @@
   }
 }
 
+@supports (color: oklch(99% 0.03 0)) {
+  :root {
+    --color-hue: var(--hue-indigo);
+    --gray-hue: var(--hue-indigo);
+    --gray-chroma: 0.02;
+  }
+}
+
+:where(html) {
+  --font-sans: Prompt, sans-serif;
+}
+
 // body {
 //   background-image: url('/images/christmas-spirit-day.avif');
 //   background-size: contain;
@@ -102,6 +99,7 @@ p + p {
 
 .header {
   background-color: var(--surface-2);
+
   padding: var(--size-fluid-3) 0;
   margin-block-end: var(--size-fluid-3);
   align-items: center;
@@ -131,6 +129,7 @@ p + p {
     color: var(--text-2);
     text-transform: uppercase;
     gap: var(--size-fluid-1);
+    letter-spacing: 1px;
   }
 
   .title {