47 lines
1.1 KiB
CSS
47 lines
1.1 KiB
CSS
.wp-block-image.is-style-framed {
|
|
@apply border-2 p-4 w-fit bg-white;
|
|
--advised-text-color: currentColor;
|
|
border-color: var(--advised-text-color, --wp--preset--color--primary);
|
|
img {
|
|
@apply block;
|
|
}
|
|
|
|
&.rotate-right {
|
|
@apply rotate-2;
|
|
}
|
|
&.rotate-left {
|
|
@apply -rotate-2;
|
|
}
|
|
}
|
|
.wp-block-image.is-style-stacked {
|
|
@apply w-fit bg-green-200 relative z-30 !mb-12;
|
|
|
|
> * {
|
|
@apply relative z-30;
|
|
}
|
|
img {
|
|
@apply block relative z-30 p-4 bg-white border-2;
|
|
--advised-text-color: currentColor;
|
|
border-color: var(--advised-text-color, --wp--preset--color--primary);
|
|
}
|
|
|
|
&.rotate-right {
|
|
@apply rotate-2;
|
|
}
|
|
&.rotate-left {
|
|
@apply -rotate-2;
|
|
}
|
|
|
|
&:after {
|
|
@apply content-[''] absolute inset-0 bg-white border border-primary w-full h-full top-0 left-0;
|
|
z-index: 10;
|
|
transform: translate(40px, 40px) rotate(-4deg);
|
|
background: linear-gradient(
|
|
var(--wp--preset--color--primary),
|
|
var(--wp--preset--color--primary)
|
|
)
|
|
center/calc(100% - 30px) calc(100% - 30px) no-repeat,
|
|
white;
|
|
}
|
|
}
|