fix: simplify styles

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

View file

@ -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": {

View file

@ -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>

View file

@ -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%;