cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: simplify styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-07 13:29:55 -08:00
parent 9c53d88077
commit 9e89b735b3
No known key found for this signature in database
3 changed files with 3 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "7.6.3", "version": "7.6.4",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

2
src/_includes/partials/now/media-grid.liquid
View file

@ -15,7 +15,7 @@
{% for item in media limit: count %} {% for item in media limit: count %}
{% assign alt = item.alt | strip | escape %} {% assign alt = item.alt | strip | escape %}
<a href="{{ item.url | stripUtm }}" title="{{ alt }}"> <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"> <div class="item__meta-text">
{% if item.title %} {% if item.title %}
<div class="header">{{ item.title }}</div> <div class="header">{{ item.title }}</div>

18
src/assets/styles/components/media-grid.css
View file

@ -24,21 +24,6 @@
position: relative; 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:hover img,
.media__grid a:focus img, .media__grid a:focus img,
.media__grid a:active img { .media__grid a:active img {
@ -66,7 +51,7 @@
color: var(--color-lightest); color: var(--color-lightest);
font-size: var(--font-size-xs); font-size: var(--font-size-xs);
line-height: var(--line-height-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 { .media__grid .item__meta-text .header {
@ -83,7 +68,6 @@
.media__grid.square a, .media__grid.square a,
.media__grid.square .item__wrapper, .media__grid.square .item__wrapper,
.media__grid.square .item__wrapper.shadow:before,
.media__grid.square img { .media__grid.square img {
width: 100%; width: 100%;
height: 100%; height: 100%;