update gallery styles
This commit is contained in:
parent
ed7305b54c
commit
9af51772a0
2 changed files with 6 additions and 1 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<is-land on:idle>
|
||||
<div class="gallery | grid mt-l-xl" role="list" style="--grid-min-item-size: clamp(16rem, 50vw, 20rem)">
|
||||
<div class="gallery | grid mt-l-xl" role="list">
|
||||
{%- for item in gallery -%}
|
||||
<dialog class="flow modal{{ loop.index }}">
|
||||
<button class="button" autofocus>Close</button>
|
||||
|
|
|
|||
|
|
@ -8,6 +8,11 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.gallery dialog + button img {
|
||||
aspect-ratio: 1;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
/* Don't indicate interactivity without JS */
|
||||
is-land:not(:defined) .gallery dialog + button {
|
||||
cursor: default;
|
||||
|
|
|
|||
Loading…
Reference in a new issue