wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Pull requests Activity Actions

2025 Design Refresh #5

Merged
wonderfulfrog merged 3 commits from feat/design-refresh-2025 into main 2025-05-30 13:40:43 -07:00
Conversation 0 Commits 3 Files changed 13 +11 -12
2 changed files with 11 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 93a560da12 - Show all commits

13
src/includes/css/blocks/media-grid.css
View file

@ -7,26 +7,25 @@
grid-gap: var(--spacing-2); grid-gap: var(--spacing-2);
li { li {
border: 1px solid var(--color-shadow); aspect-ratio: var(--aspect-ratio);
overflow: hidden; display: grid;
position: relative; position: relative;
overflow: hidden;
a { a {
display: block;
color: var(--color-white); color: var(--color-white);
picture { picture {
border-radius: 0;
height: 100%; height: 100%;
border-radius: 0;
}
img { img {
aspect-ratio: var(--aspect-ratio);
border-radius: 0;
width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
transition: transform 0.3s ease; transition: transform 0.3s ease;
} }
}
.text-only { .text-only {
aspect-ratio: var(--aspect-ratio); aspect-ratio: var(--aspect-ratio);

2
src/includes/css/utilities/wrapper.css
View file

@ -7,7 +7,7 @@
.wrapper { .wrapper {
container-type: inline-size; container-type: inline-size;
width: 90vw; width: 90vw;
width: clamp(16rem, 90vw, 80ch); width: clamp(16rem, 90vw, 72ch);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-left: 0.5rem; padding-left: 0.5rem;