fix(*): remove old media highlight styles

app/Utils/media.php

@@ -29,14 +29,14 @@ if (! function_exists('renderMediaGrid')) {
             echo '<div class="media-grid-item">';
 
             if ($title || $subtext) {
-                echo '<div class="meta-text media-highlight">';
+                echo '<mark class="meta-text">';
                 if ($title) {
                     echo '<div class="header">'.$title.'</div>';
                 }
                 if ($subtext) {
                     echo '<div class="subheader">'.$subtext.'</div>';
                 }
-                echo '</div>';
+                echo '</mark>';
             }
 
             echo '<img

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "coryd.dev",
-  "version": "10.6.2",
+  "version": "10.6.3",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "coryd.dev",
-      "version": "10.6.2",
+      "version": "10.6.3",
       "license": "MIT",
       "dependencies": {
         "minisearch": "^7.1.2",
@@ -15,7 +15,7 @@
       "devDependencies": {
         "@11ty/eleventy": "3.1.1",
         "@11ty/eleventy-fetch": "5.1.0",
-        "@cdransf/eleventy-plugin-tabler-icons": "^2.13.0",
+        "@cdransf/eleventy-plugin-tabler-icons": "^2.13.1",
         "cheerio": "1.1.0",
         "concurrently": "9.1.2",
         "cssnano": "^7.0.7",
@@ -251,9 +251,9 @@
       }
     },
     "node_modules/@cdransf/eleventy-plugin-tabler-icons": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.13.0.tgz",
-      "integrity": "sha512-ezK8l0Acw2fsNqel6Qg6nX8HxnnkmdTZkf7wPt9w7fAvq33bxn3QYXDOnMqmAAanRQCi6SIv+bKeuw1NnCvOyw==",
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/@cdransf/eleventy-plugin-tabler-icons/-/eleventy-plugin-tabler-icons-2.13.1.tgz",
+      "integrity": "sha512-xmuabuoFF56yzy1UhITJzE8mga1msW+l+xLUhk87NlGogC2ocbIY/8l+RdUXTHmaMu/SGhyG9l9W4Xek2RjuLg==",
       "dev": true,
       "license": "MIT"
     },

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "10.6.2",
+  "version": "10.6.3",
   "description": "The source for my personal site. Built using 11ty (and other tools).",
   "type": "module",
   "engines": {
@@ -44,7 +44,7 @@
   "devDependencies": {
     "@11ty/eleventy": "3.1.1",
     "@11ty/eleventy-fetch": "5.1.0",
-    "@cdransf/eleventy-plugin-tabler-icons": "^2.13.0",
+    "@cdransf/eleventy-plugin-tabler-icons": "^2.13.1",
     "cheerio": "1.1.0",
     "concurrently": "9.1.2",
     "cssnano": "^7.0.7",

src/assets/styles/pages/media.css

@@ -32,14 +32,3 @@
 .concerts {
   margin-top: var(--spacing-base);
 }
-
-.media-highlight {
-  color: var(--text-color-inverted);
-  background-color: var(--section-color, var(--accent-color));
-  padding: var(--spacing-xs);
-  border-radius: var(--border-radius-slight);
-
-  & > * {
-    color: var(--text-color-inverted);
-  }
-}

src/includes/static/media/grid.liquid

@@ -6,15 +6,14 @@
     <a class="{{ item.type }}" href="{{ item.grid.url }}" title="{{ alt }}">
       <div class="media-grid-item">
         {%- if item.grid.title or item.grid.subtext -%}
-        <div class="meta-text media-highlight {{ item.type }}">
-            {% if item.grid.title %}
-            <div class="header">{{ item.grid.title }}</div>
-            {% endif %}
-            {% if item.grid.subtext %}
-            <div class="subheader">{{ item.grid.subtext }}</div>
-            {% endif %}
-          </mark>
-        </div>
+        <mark class="meta-text{{ item.type }}">
+          {% if item.grid.title %}
+          <div class="header">{{ item.grid.title }}</div>
+          {% endif %}
+          {% if item.grid.subtext %}
+          <div class="subheader">{{ item.grid.subtext }}</div>
+          {% endif %}
+        </mark>
         {%- endif -%}
         {%- assign imageClass = "square" -%}
         {%- assign width = 150 -%}

src/includes/static/media/watching/hero.liquid

@@ -1,6 +1,6 @@
 <a href="{{ movie.url }}">
   <div class="watching hero">
-    <div class="meta-text media-highlight">
+    <mark class="meta-text">
       <div class="header">{{ movie.title }}</div>
       <div class="subheader">
         {%- if movie.rating -%}
@@ -8,7 +8,7 @@
         {%- endif -%}
         ({{ movie.year }})
       </div>
-    </div>
+    </mark>
     {% render "static/blocks/hero.liquid",
       globals:globals,
       image:movie.backdrop,