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

STYLE Add framed background variant to content box and refine alignment styles

Browse Source
This commit is contained in:
Antoine M 2026-03-20 17:05:17 +01:00
parent 2e2df71ecd
commit 34f1e27e3c
1 changed files with 16 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,15 +10,17 @@
&--variant-backgrounded { &--variant-backgrounded {
background-color: var(--content-box-background-color, transparent); background-color: var(--content-box-background-color, transparent);
} }
&--variant-framed-backgrounded {
@apply border border-carhop-green-600;
background-color: var(--content-box-background-color, transparent);
}
&.alignwide, &.aligncontained { &.alignwide,
&.aligncontained {
@apply !mx-auto; @apply !mx-auto;
} }
&.aligncontained { &.aligncontained {
@apply !max-w-screen-lg ; @apply !max-w-screen-lg;
} }
/* &.alignwide { /* &.alignwide {
@apply max-w-screen-lg; @apply max-w-screen-lg;
@ -58,15 +60,14 @@
} }
&__innerblocks { &__innerblocks {
@apply mx-auto px-4 md:px-8; @apply mx-auto px-4 md:px-8;
>:not(.alignwide):not(.alignfull) { > :not(.alignwide):not(.alignfull) {
@apply max-w-screen-lg mx-auto ; @apply max-w-screen-lg mx-auto;
} }
} }
&.alignwide .content-box__innerblocks{ &.alignwide .content-box__innerblocks {
>:not(.alignfull) { > :not(.alignfull) {
@apply max-w-screen-xl mx-auto ; @apply max-w-screen-xl mx-auto;
} }
} }
h3 { h3 {
@ -139,6 +140,7 @@ body.wp-admin.post-type-articles .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;