wires/hypnagaga_old
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update figcaption, gallery image

Browse source
This commit is contained in:
madrilene 2025-03-20 09:37:46 +01:00
parent e6274ae1f1
commit 754150a0ce
2 changed files with 21 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/assets/css/global/base/global-styles.css
View file

@ -94,7 +94,17 @@ figcaption {
font-size: var(--size-step-min-1); font-size: var(--size-step-min-1);
text-align: center; text-align: center;
padding-block-end: var(--space-xs); padding-block-end: var(--space-xs);
border-bottom: var(--stroke); }
figcaption:after {
border-block: var(--stroke);
content: '';
display: block;
margin-block: var(--space-xs);
/* block-size: 1rem; */
inline-size: 50%;
margin-inline: auto;
opacity: 0.8;
} }
a { a {

12
src/assets/css/local/gallery.css
View file

@ -3,11 +3,18 @@
inset: revert; inset: revert;
} }
/* the image that serves as button */
.gallery dialog + button { .gallery dialog + button {
all: unset; all: unset;
cursor: pointer; cursor: pointer;
} }
/* the close button */
.gallery dialog > button {
margin-inline: auto;
display: flex;
}
.gallery dialog + button img { .gallery dialog + button img {
aspect-ratio: 1; aspect-ratio: 1;
object-fit: cover; object-fit: cover;
@ -25,9 +32,10 @@ is-land:not(:defined) .gallery dialog + button {
} }
.gallery dialog img { .gallery dialog img {
aspect-ratio: auto;
max-block-size: 70vh; max-block-size: 70vh;
inline-size: auto; max-inline-size: 90vw;
object-fit: contain;
border: none;
} }
.gallery dialog figcaption { .gallery dialog figcaption {