diff --git a/resources/css/compositions/pourquoi-soutenir-carhop.css b/resources/css/compositions/pourquoi-soutenir-carhop.css new file mode 100644 index 0000000..1a534ea --- /dev/null +++ b/resources/css/compositions/pourquoi-soutenir-carhop.css @@ -0,0 +1,20 @@ +.pourquoi-soutenir-carhop { + --block-rotation: 4deg; + figure::after { + @apply w-12 h-12 bg-carhop-green-700; + transform: rotate(var(--block-rotation)) translateX(calc(100% + 2rem)); + content: ''; + position: absolute; + top: 0; + right: 0; + + background-image: url('../resources/img/elements/carhop-heart-white.svg'); + background-position: center; + background-size: 50%; + background-repeat: no-repeat; + } + + figure.wp-block-image.is-style-framed-rotated { + transform: rotate(calc(-1 * var(--block-rotation))) translateX(-1rem); + } +}