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

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

@ -10,15 +10,17 @@
&--variant-backgrounded {
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;
}
&.aligncontained {
@apply !max-w-screen-lg ;
@apply !max-w-screen-lg;
}
/* &.alignwide {
@apply max-w-screen-lg;
@ -58,16 +60,15 @@
}
&__innerblocks {
@apply mx-auto px-4 md:px-8;
>:not(.alignwide):not(.alignfull) {
@apply max-w-screen-lg mx-auto ;
}
@apply mx-auto px-4 md:px-8;
> :not(.alignwide):not(.alignfull) {
@apply max-w-screen-lg mx-auto;
}
}
&.alignwide .content-box__innerblocks{
>:not(.alignfull) {
@apply max-w-screen-xl mx-auto ;
}
&.alignwide .content-box__innerblocks {
> :not(.alignfull) {
@apply max-w-screen-xl mx-auto;
}
}
h3 {
/* @apply title-small font-bold; */
@ -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.page .content-box {
@apply py-16;