From 9e89b735b31e53073f2e3e30ce1c3766d4486b68 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Thu, 7 Mar 2024 13:29:55 -0800
Subject: [PATCH] fix: simplify styles

---
 package.json                                 |  2 +-
 src/_includes/partials/now/media-grid.liquid |  2 +-
 src/assets/styles/components/media-grid.css  | 18 +-----------------
 3 files changed, 3 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index 206f5589..14d4db1e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "7.6.3",
+  "version": "7.6.4",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {
diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index 64db184d..37de3f79 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -15,7 +15,7 @@
     {% for item in media limit: count %}
       {% assign alt = item.alt | strip | escape %}
       <a href="{{ item.url | stripUtm }}" title="{{ alt }}">
-        <div class="item__wrapper{% if item.subtext %} shadow{% endif %}">
+        <div class="item__wrapper">
           <div class="item__meta-text">
             {% if item.title %}
               <div class="header">{{ item.title }}</div>
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index f1a159bb..ab0cc492 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -24,21 +24,6 @@
   position: relative;
 }
 
-.media__grid .item__wrapper.shadow:before {
-  position: absolute;
-  z-index: 1;
-  content: '';
-  top: 1px;
-  left: 1px;
-  border-radius: calc(var(--rounded-md) * .85);
-  box-shadow: inset 0 -70px 50px -40px #000;
-}
-
-.media__grid.vertical .item__wrapper.shadow:before {
-  width: 100%;
-  height: 95.75%;
-}
-
 .media__grid a:hover img,
 .media__grid a:focus img,
 .media__grid a:active img {
@@ -66,7 +51,7 @@
   color: var(--color-lightest);
   font-size: var(--font-size-xs);
   line-height: var(--line-height-xs);
-  text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px;
+  text-shadow: var(--color-darkest) 0 0 16px,-1px -1px 0 rgba(0,0,0,.25),1px -1px 0 rgba(0,0,0,.25),-1px 1px 0 rgba(0,0,0,.25),1px 1px 0 rgba(0,0,0,.25);
 }
 
 .media__grid .item__meta-text .header {
@@ -83,7 +68,6 @@
 
 .media__grid.square a,
 .media__grid.square .item__wrapper,
-.media__grid.square .item__wrapper.shadow:before,
 .media__grid.square img {
   width: 100%;
   height: 100%;