hugo.soucy.cc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator (Ferron).
Log | Files | Refs

commit fb070f2668a046a055d08e5f646fd3b54e7d3fa7
parent ecce12438c3eb53b97aa9e80844f9e7076e86b0f
Author: Hugo Soucy <hugo.soucy@toumoro.com>
Date:   Fri, 27 Mar 2020 15:15:31 -0400

Puts shape outside and clip path in a @supports declaration

Diffstat:
Mstatic/src/css/modules/_h-card.scss | 9+++++++--
1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/static/src/css/modules/_h-card.scss b/static/src/css/modules/_h-card.scss @@ -16,12 +16,17 @@ main.h-card { } .u-photo { - clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); float: right; height: auto; margin: 1rem; mix-blend-mode: hard-light; - shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); width: 15rem; } + + @supports (clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%) and (shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%))) { + .u-photo { + clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); + shape-outside: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); + } + } }