eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Move photos styles to styles/photos/ files

Browse source
This commit is contained in:
Eryn Wells 2023-09-24 08:43:29 -07:00
parent 2331e37e62
commit 162e17339c
3 changed files with 102 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

34
assets/styles/photos/050_page.css Normal file
View file

@ -0,0 +1,34 @@
@layer section {
.photos.page {
gap: var(--body-item-spacing) 0;
}
.photos.page > article > :not(:last-child) {
margin-block-end: var(--body-item-spacing);
}
.photos.page > article > h1 {
font-size: var(--h3-size);
}
.photos.page > nav {
margin-block-end: var(--body-item-spacing);
}
.photos.page > :not(figure) {
grid-column: content-start / content-end;
}
.photos.page > figure {
grid-column: wide-content-start / wide-content-end;
}
@media (max-width: 960px) {
figure, img {
border-radius: 0;
}
}
.photos.page :is(figure, figure > img) {
max-width: none;
}
}