hscc

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:
M
src/css/modules/hcard.css
 | 
5
++---

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%);
   }
 }