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

fix: overlay styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-15 17:40:54 -07:00
parent 92f4e5a2f7
commit 1e5e9768fd
No known key found for this signature in database
3 changed files with 6 additions and 6 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": "11.3.3", "version": "11.3.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": {

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

@ -1,10 +1,10 @@
{% if data.size > 0 %} {% if data.size > 0 %}
{% assign media = data | normalizeMedia %} {% assign media = data | normalizeMedia %}
<div class="media__grid {% if shape == 'square' %}square{% else %}vertical{% endif %}"> <div class="media-grid {% if shape == 'square' %}square{% else %}vertical{% endif %}">
{% 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{% if item.subtext %} shadow{% endif %}">
<div class="meta-text"> <div class="meta-text">
{% if item.title %} {% if item.title %}
<div class="header">{{ item.title }}</div> <div class="header">{{ item.title }}</div>

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

@ -25,7 +25,7 @@
justify-content: space-between; justify-content: space-between;
} }
.media__grid { .media-grid {
display: grid; display: grid;
gap: var(--sizing-sm); gap: var(--sizing-sm);
@ -47,7 +47,7 @@
} }
} }
& .item__wrapper { & .item-wrapper {
position: relative; position: relative;
&.shadow picture::after { &.shadow picture::after {
@ -58,7 +58,7 @@
left: 1px; left: 1px;
border-radius: calc(var(--sizing-xs) * .85); border-radius: calc(var(--sizing-xs) * .85);
box-shadow: inset 0 -70px 50px -40px #000; box-shadow: inset 0 -70px 50px -40px #000;
width: 100%; width: calc(100% - 2px);
height: calc(100% - 1px); height: calc(100% - 1px);
} }