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

12
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;
@ -62,7 +64,6 @@
> :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) {
@ -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;