summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-26 11:09:46 +0200
committerVolpeon <git@volpeon.ink>2024-10-26 11:09:46 +0200
commit793cc0e2086e7f59c58303a16414422c53602bfc (patch)
tree996edad07ba4e0e38ec50a617b6bbea21b7d57f6
parentLightbox fallback without :target (diff)
downloadiro-design-793cc0e2086e7f59c58303a16414422c53602bfc.tar.gz
iro-design-793cc0e2086e7f59c58303a16414422c53602bfc.tar.bz2
iro-design-793cc0e2086e7f59c58303a16414422c53602bfc.zip
Lightbox: Explicit auto size of image
-rw-r--r--src/objects/_lightbox.scss4
1 files changed, 2 insertions, 2 deletions
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 5562696..dbcc3ab 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -28,6 +28,7 @@
28 display: block; 28 display: block;
29 grid-area: content; 29 grid-area: content;
30 place-self: center; 30 place-self: center;
31 size: auto;
31 max-inline-size: 100%; 32 max-inline-size: 100%;
32 max-block-size: 80vh; 33 max-block-size: 80vh;
33 padding: props.get(vars.$pad); 34 padding: props.get(vars.$pad);
@@ -93,8 +94,7 @@
93 inset-block-start: 0; 94 inset-block-start: 0;
94 inset-inline-start: 0; 95 inset-inline-start: 0;
95 display: block; 96 display: block;
96 inline-size: 100%; 97 size: 100%;
97 block-size: 100%;
98 object-fit: cover; 98 object-fit: cover;
99 object-position: center center; 99 object-position: center center;
100 } 100 }