From 360111c7842a0d8e9a00d7b727238e52a0be3920 Mon Sep 17 00:00:00 2001 From: Cory Dransfeldt Date: Thu, 29 Aug 2024 20:07:12 -0700 Subject: [PATCH] chore: cleanup --- package-lock.json | 4 ++-- package.json | 2 +- src/assets/styles/components/media-grid.css | 12 +++++------ src/assets/styles/pages/watching.css | 20 +++++++++---------- src/includes/partials/media/grid.liquid | 2 +- .../partials/media/watching/grid.liquid | 2 +- .../partials/media/watching/hero.liquid | 2 +- 7 files changed, 22 insertions(+), 22 deletions(-) diff --git a/package-lock.json b/package-lock.json index cbf4c6a2..ad01ea8c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "coryd.dev", - "version": "24.4.0", + "version": "24.4.1", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "coryd.dev", - "version": "24.4.0", + "version": "24.4.1", "license": "MIT", "dependencies": { "@cdransf/api-text": "^1.5.0", diff --git a/package.json b/package.json index 7d3ef0d5..71a7cecc 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "24.4.0", + "version": "24.4.1", "description": "The source for my personal site. Built using 11ty (and other tools).", "type": "module", "scripts": { diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css index 9de76574..ffee3e5d 100644 --- a/src/assets/styles/components/media-grid.css +++ b/src/assets/styles/components/media-grid.css @@ -40,13 +40,13 @@ } } - & .item-wrapper { + & .item { width: 100%; height: 100%; position: relative; display: flex; - &.shadow::after { + &::after { position: absolute; z-index: 1; content: ''; @@ -63,13 +63,13 @@ } } - & a:hover .item-wrapper.shadow::after, - & a:active .item-wrapper.shadow::after { + & a:hover .item::after, + & a:active .item::after { border-color: var(--accent-color-hover) } - & a:focus .item-wrapper.shadow::after, - & a:focus-within .item-wrapper.shadow::after { + & a:focus .item::after, + & a:focus-within .item::after { border: 0; outline: var(----outline-default); } diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css index 449edaaf..98d95681 100644 --- a/src/assets/styles/pages/watching.css +++ b/src/assets/styles/pages/watching.css @@ -1,11 +1,11 @@ -a:focus > .watching.hero.shadow::after, -a:focus-within > .watching.hero.shadow::after { +a:focus > .watching.hero::after, +a:focus-within > .watching.hero::after { border: 0; outline: var(--outline-default); } -a:hover > .watching.hero.shadow::after, -a:active > .watching.hero.shadow::after { +a:hover > .watching.hero::after, +a:active > .watching.hero::after { border-color: var(--accent-color-hover); } @@ -52,7 +52,7 @@ a:active > .watching.hero.shadow::after { } } - &.shadow::after { + &::after { position: absolute; z-index: 1; content: ''; @@ -80,13 +80,13 @@ a:active > .watching.hero.shadow::after { aspect-ratio: var(--aspect-ratio-banner); } - & a:hover .item.shadow::after, - & a:active .item-wrapper.shadow::after { + & a:hover .item::after, + & a:active .item::after { border-color: var(--accent-color-hover) } - & a:focus .item.shadow::after, - & a:focus-within .item.shadow::after { + & a:focus .item::after, + & a:focus-within .item::after { border: 0; outline: var(----outline-default); } @@ -134,7 +134,7 @@ a:active > .watching.hero.shadow::after { overflow: hidden; aspect-ratio: var(--aspect-ratio-banner); - &.shadow::after { + &::after { position: absolute; z-index: 1; content: ''; diff --git a/src/includes/partials/media/grid.liquid b/src/includes/partials/media/grid.liquid index 98236485..3f4926da 100644 --- a/src/includes/partials/media/grid.liquid +++ b/src/includes/partials/media/grid.liquid @@ -5,7 +5,7 @@ {%- capture alt -%}{{ item.title | escape }} ({{ item.year }}){% endcapture %} {%- assign alt = item.alt | strip | escape -%} -
+