CONTENT introducing the composition
This commit is contained in:
parent
1fa2d8ec97
commit
a29ddbd36c
20
resources/css/compositions/pourquoi-soutenir-carhop.css
Normal file
20
resources/css/compositions/pourquoi-soutenir-carhop.css
Normal file
|
|
@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user