Cleanup article styles

sam-baumann · Jun 6, 2024 · 9ee3647 · 9ee3647
1 parent 7044cd9
commit 9ee3647
Showing 1 changed file with 37 additions and 6 deletions.
diff --git a/assets/sass/_article.scss b/assets/sass/_article.scss
@@ -8,14 +8,33 @@
 
   h2 {
 
-    --spacing: 2.6em;
+    --spacing: 2.1em;
     color: var(--color-green);
-    font-size: var(--font-size-medium);
-    font-weight: 700;
+    font-size: var(--font-size-large);
+    font-weight: 600;
     text-transform: uppercase;
 
+    a {
+      color: inherit;
+      text-decoration: none;
+    }
+
+    & + * {
+      --spacing: 0.75em;
+    }
+
+  }
+
+  hr {
+
+    --spacing: 0;
+    background: var(--color-dark-3);
+    height: 2px;
+    margin-bottom: 2.525em;
+    margin-top: 2.625em;
+
     & + * {
-      --spacing: 0.9em;
+      --spacing: 0;
     }
 
   }
@@ -27,8 +46,9 @@
 
   a {
     color: var(--color-blue);
-    text-decoration-thickness: 0.07em;
-    text-underline-offset: 0.13em;
+    font-weight: 700;
+    text-decoration-thickness: 0.0875em;
+    text-underline-offset: 0.125em;
   }
 
   code {
@@ -69,13 +89,24 @@
   }
 
   @media(min-width: 64em) {
+
     font-size: var(--font-size-medium);
     margin-bottom: -0.35em;
     margin-top: -0.35em;
+
+    hr {
+      margin-bottom: 3.475em;
+      margin-top: 3.65em;
+    }
+
   }
 
   @media(hover: hover) {
 
+    h2 a:hover {
+      color: inherit;
+    }
+
     a:hover {
       color: var(--color-white);
     }