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

FEATURE Refining content box behaviour to be handled in dynamiques articles
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Antoine M 2025-08-27 10:59:18 +02:00
parent 79f98b1b2d
commit 631d5d6360
1 changed files with 53 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3,17 +3,12 @@
} }
.content-box { .content-box {
@apply py-16; &--variant-framed {
background-color: var(--content-box-background-color); @apply border border-carhop-green-600;
color: var(--content-box-text-color); }
h1.wp-block-heading, &--variant-backgrounded {
h2.wp-block-heading, background-color: var(--content-box-background-color, transparent);
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
color: var(--content-box-text-color);
} }
.wp-block-group { .wp-block-group {
@ -27,22 +22,6 @@
--content-box-text-color: #fff; --content-box-text-color: #fff;
} }
p,
li {
@apply font-light;
}
li {
@apply pb-2;
}
p {
@apply pb-8;
}
p,
.carhop-heading p {
color: var(--content-box-text-color, #136f63);
}
&__innerblocks { &__innerblocks {
@apply max-w-screen-lg mx-auto px-8; @apply max-w-screen-lg mx-auto px-8;
} }
@ -77,3 +56,51 @@
@apply pt-32; @apply pt-32;
} }
} }
.single-articles .content-box {
@apply !pt-10 !pb-8;
&__innerblocks {
> :first-child {
@apply mt-0;
}
> :last-child {
@apply mb-0;
}
}
.wp-block-heading {
@apply !mt-0;
}
p {
color: inherit;
}
}
body.wp-admin.post-type-page .content-box,
body.page .content-box {
@apply py-16;
color: var(--content-box-text-color);
.carhop-heading p {
color: var(--content-box-text-color, #136f63);
}
h1.wp-block-heading,
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
h5.wp-block-heading,
h6.wp-block-heading {
color: var(--content-box-text-color);
}
p,
li {
@apply font-light;
}
li {
@apply pb-2;
}
p {
@apply pb-8;
}
}