34 lines
716 B
CSS
34 lines
716 B
CSS
@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;
|
|
}
|
|
}
|