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