From 3037690277fef5a32a9a9038f7e0abc295253c54 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Thu, 14 Mar 2024 13:11:03 -0700
Subject: [PATCH] fix: styles

---
 src/_includes/partials/now/albumReleases.liquid | 2 +-
 src/_includes/partials/now/media-grid.liquid    | 2 +-
 src/_includes/partials/recent-links.liquid      | 2 +-
 src/assets/styles/components/media-grid.css     | 5 +++--
 src/assets/styles/pages/now.css                 | 5 +++--
 src/pages/now.html                              | 4 ++--
 6 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/_includes/partials/now/albumReleases.liquid b/src/_includes/partials/now/albumReleases.liquid
index cbc4cee1..02686395 100644
--- a/src/_includes/partials/now/albumReleases.liquid
+++ b/src/_includes/partials/now/albumReleases.liquid
@@ -1,5 +1,5 @@
 {% if albumReleases.size > 0 %}
-  <h2 id="album-releases" class="media__grid--header flex--centered">
+  <h2 id="album-releases" class="now__section--header flex--centered">
     {% tablericon "calendar-time" "Anticipated albums" %}
     Anticipated albums
   </h2>
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 2842bb69..64db184d 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -7,7 +7,7 @@
   <style>{{ css }}</style>
   {% endif %}
   {% assign media = data | normalizeMedia %}
-  <h2 id="{{ title | downcase }}" class="media__grid--header flex--centered">
+  <h2 id="{{ title | downcase }}" class="now__section--header flex--centered">
     {% tablericon icon title %}
     {{ title }}
   </h2>
diff --git a/src/_includes/partials/recent-links.liquid b/src/_includes/partials/recent-links.liquid
index ba8ae682..ce03d71a 100644
--- a/src/_includes/partials/recent-links.liquid
+++ b/src/_includes/partials/recent-links.liquid
@@ -1,5 +1,5 @@
 {% if links.size > 0 %}
-<h2 id="links" class="media__grid--header flex--centered">
+<h2 id="links" class="recent__links-header flex--centered">
   {% tablericon "link" "Links" %}
   Recent links
 </h2>
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 2246a85b..10282ef0 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -3,11 +3,12 @@
   --grid-vertical: repeat(3,minmax(0,1fr));
 }
 
-.media__grid--header {
+.now__section--header,
+.recent__links-header {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
-.media__grid--header:first-of-type {
+.now__section--header:first-of-type {
   margin-top: 0;
 }
 
diff --git a/src/assets/styles/pages/now.css b/src/assets/styles/pages/now.css
index ca0ab33d..beb67967 100644
--- a/src/assets/styles/pages/now.css
+++ b/src/assets/styles/pages/now.css
@@ -14,11 +14,12 @@
   width: var(--sizing-base);
 }
 
-.media__grid--header {
+.now__section--header,
+.recent__links-header {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
-.media__grid--header:first-of-type {
+.now__section--header:first-of-type {
   margin-top: 0;
 }
 
diff --git a/src/pages/now.html b/src/pages/now.html
index 8b78875e..fac82243 100644
--- a/src/pages/now.html
+++ b/src/pages/now.html
@@ -4,7 +4,7 @@ layout: now
 permalink: /now.html
 description: "See what I'm doing now."
 ---
-<h2 class="flex--centered">
+<h2 class="now__section--header flex--centered">
   {% tablericon "clock-heart" "Currently" %}
   Currently
 </h2>
@@ -19,7 +19,7 @@ description: "See what I'm doing now."
     Rooting for the <a href="https://lakers.com">Lakers</a>. 💜💛
   </p>
 </div>
-<h2 class="flex--centered">
+<h2 class="now__section--header flex--centered">
   {% tablericon "terminal-2" "Making" %}
   Making
 </h2>