rhi/gallery
1
0
Fork 0
Code Issues 5 Pull requests 1 Releases Wiki Activity

use headings & figures for gallery grid instead of a ul

Browse source
This commit is contained in:
rhiannon morris 2024-08-21 08:22:28 +02:00
parent 035aa78920
commit 07011227bc
2 changed files with 10 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

9
style/shiny/gallery.css
View file

@ -154,7 +154,7 @@
}
.grid {
main {
padding: 0;
display: grid;
grid: auto-flow / repeat(auto-fit, var(--image-size));
@ -169,6 +169,7 @@
width: var(--image-size);
height: var(--image-size);
overflow: hidden;
margin: 0;
position: relative;
}
@ -189,13 +190,9 @@
/* uncomment to reenable line breaks before year markers */
/* grid-area: auto / 1; */
padding: var(--border-thickness);
}
.year-text {
--gap: 0.2em;
display: grid;
grid-template-columns: repeat(2, calc(50% - 3 * var(--gap)));
grid-gap: var(--gap);
grid-gap: 0;
align-items: center;
justify-content: center;
height: 100%;