Skip to content

Commit 4b40902

Browse files
Fix: images with float still float when zoomed
`is:active` images (images zoomed in-on) will now will the entire screen, rather than taking up only a portion of the screen. Hacky fix using `!important`. Sue me
1 parent e2baf9f commit 4b40902

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

quartz/styles/custom.scss

+14-14
Original file line numberDiff line numberDiff line change
@@ -45,20 +45,20 @@ img:active:not(.Logo) {
4545
display:block;
4646
z-index:100;
4747
position:fixed;
48-
max-height:100%;
49-
max-width:100%;
50-
height:100%;
51-
width:100%;
52-
object-fit: contain;
53-
margin:0 auto;
54-
text-align:center;
55-
top: 50%;
56-
transform: translateY(-50%);
57-
padding:0;
58-
left:0;
59-
right:0;
60-
bottom:0;
61-
background:var(--background-primary);
48+
max-height:100% !important;
49+
max-width:100% !important;
50+
height:100% !important;
51+
width:100% !important;
52+
object-fit: contain;
53+
margin:0 auto !important;
54+
text-align:center;
55+
top: 50%;
56+
transform: translateY(-50%);
57+
padding:0;
58+
left:0;
59+
right:0;
60+
bottom:0;
61+
background:var(--background-primary);
6262
}
6363

6464
/* ===================== */

0 commit comments

Comments
 (0)