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

FEATURE Styling the shape variations and behaviours
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2026-03-24 15:36:27 +01:00
parent dd6d2369b8
commit 41ad51d03e
1 changed files with 87 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
resources/css/blocks/content-box.css
View File

@ -3,17 +3,41 @@
} }
.content-box { .content-box {
@apply relative px-4 md:px-8;
&--variant-framed { &--variant-framed {
@apply border border-carhop-green-600; @apply border border-carhop-green-600;
} }
&--variant-backgrounded { &--variant-backgrounded {
@apply py-16;
background-color: var(--content-box-background-color, transparent); background-color: var(--content-box-background-color, transparent);
} }
&--variant-framed-backgrounded { &--variant-framed-backgrounded {
@apply py-16;
@apply border border-carhop-green-600; @apply border border-carhop-green-600;
background-color: var(--content-box-background-color, transparent); background-color: var(--content-box-background-color, transparent);
} }
&--shape-straight {
@apply py-16;
background-color: var(--content-box-background-color, transparent);
}
&--shapeA,
&--shapeB {
@apply !relative;
background-color: transparent !important;
.content-box__innerblocks {
@apply z-10 relative;
}
}
.content-box__shape {
@apply top-0 left-0 w-full h-full absolute;
}
@apply py-16;
background-color: var(--content-box-background-color, transparent);
}
&.alignwide, &.alignwide,
&.aligncontained { &.aligncontained {
@ -109,7 +133,6 @@
.carhop-heading:not(:first-child) { .carhop-heading:not(:first-child) {
@apply pt-32; @apply pt-32;
} }
}
main > .content-box:first-child { main > .content-box:first-child {
@media (max-width: 1441px) { @media (max-width: 1441px) {
@ -143,7 +166,7 @@ body.wp-admin.post-type-articles .content-box,
body.single-activites .content-box, body.single-activites .content-box,
body.wp-admin.post-type-page .content-box, body.wp-admin.post-type-page .content-box,
body.page .content-box { body.page .content-box {
@apply py-16; /* @apply py-16; */
color: var(--content-box-text-color); color: var(--content-box-text-color);
.carhop-heading p { .carhop-heading p {