commit 2bb6b3f9292b13df8e2123002ed3348ca4c6982a
parent 27e083c61c09402bed7a754b51cb2fa6c3c199d7
Author: Hugo Soucy <hugo@soucy.cc>
Date: Thu, 9 Sep 2021 22:18:51 -0400
Remove losange shape on smallscreen
Diffstat:
1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/src/css/modules/hcard.css b/src/css/modules/hcard.css
@@ -10,18 +10,17 @@
}
#hs.hcard .u-photo {
- clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
height: auto;
margin: 1rem auto 0;
mix-blend-mode: hard-light;
- shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
-
@media screen and (min-width: 30rem) {
#hs.hcard .u-photo {
+ clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
float: right;
margin: 1rem;
max-width: 240px;
+ shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
}