Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Handling the new frame-rotated variation

Browse Source
This commit is contained in:
Antoine M 2026-02-24 17:24:37 +01:00
parent 4167904e8c
commit 00e6212bb8
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
resources/css/blocks/wp-block-image.css
View File

@ -1,3 +1,4 @@
.wp-block-image.is-style-framed-rotated,
.wp-block-image.is-style-framed { .wp-block-image.is-style-framed {
@apply border-2 p-4 w-fit bg-white; @apply border-2 p-4 w-fit bg-white;
--advised-text-color: currentColor; --advised-text-color: currentColor;
@ -13,6 +14,7 @@
@apply -rotate-2; @apply -rotate-2;
} }
} }
.wp-block-image.is-style-stacked { .wp-block-image.is-style-stacked {
@apply w-fit bg-green-200 relative z-30 !mb-12; @apply w-fit bg-green-200 relative z-30 !mb-12;
@ -36,7 +38,8 @@
@apply content-[''] absolute inset-0 bg-white border border-primary w-full h-full top-0 left-0; @apply content-[''] absolute inset-0 bg-white border border-primary w-full h-full top-0 left-0;
z-index: 10; z-index: 10;
transform: translate(40px, 40px) rotate(-4deg); transform: translate(40px, 40px) rotate(-4deg);
background: linear-gradient( background:
linear-gradient(
var(--wp--preset--color--primary), var(--wp--preset--color--primary),
var(--wp--preset--color--primary) var(--wp--preset--color--primary)
) )