carhop__carhop-theme__DEV/resources/css/layout/gutenberg.css
Antoine M 0606c787b1
All checks were successful
continuous-integration/drone/push Build is passing
REFACTOR: Add new CSS variables and enhance content box styles
2026-05-21 15:14:23 +02:00

171 lines
2.9 KiB
CSS

article > *:not(.entry-content),
.entry-content > * {
@apply mx-auto max-w-content;
}
.site-content,
.entry-content {
@apply px-4;
}
.content-wrapper .entry-content {
@apply px-0;
}
.entry-content,
.block-editor-block-list__layout {
h1 {
@apply text-2xl;
}
h2 {
@apply text-lg;
}
h3 {
@apply text-lg;
line-height: 1.25;
}
p,
ul,
ol {
a {
@apply text-carhop-green-700 underline underline-offset-4;
transition: filter 0.3s ease-out;
&:hover {
filter: brightness(0.4);
}
}
@apply mb-8;
}
ul:not(.block-editor-block-variation-picker__variations) {
li {
@apply list-disc;
}
}
ol {
li {
@apply list-decimal;
}
}
> .wp-block-group,
> .wp-block-columns {
@apply !my-16;
}
> .wp-block-group + .wp-block-group,
> .wp-block-columns + .wp-block-columns,
> .wp-block-group + .wp-block-columns,
> .wp-block-columns + .wp-block-group {
@apply !mt-0;
}
}
.wp-singular.page {
.site-content {
> *:not(.alignfull, .alignwide, footer) {
@apply max-w-content mx-auto;
}
> :first-child {
@apply !mt-0;
}
> .carhop-heading {
@apply px-4 md:px-0;
}
p,
li {
strong {
@apply font-bold;
}
}
ul,
ol,
p {
@apply mb-6;
}
h1 {
@apply mb-10;
}
> h2,
> h3 {
@apply mb-3 mt-12;
font-size: 1.7rem;
}
}
}
.content-box {
&__innerblocks {
.block-editor-inner-blocks {
max-width: 1280px !important;
.block-editor-inner-blocks {
@apply mx-0;
}
.wp-block {
max-width: 960px !important;
@apply mx-auto;
}
.wp-block.alignwide {
max-width: 1280px !important;
}
}
}
&.alignwide .block-editor-inner-blocks {
max-width: 1280px !important;
}
.block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block {
/* @apply mx-auto; */
}
.block-editor-inner-blocks .alignwide {
max-width: 1280px !important;
}
}
details {
@apply mb-32;
&:has(+ details) {
@apply mb-6;
}
&:has(+ h1, + h2, + h3, + h4, + h5, + h6) {
@apply mb-12;
}
summary {
@apply text-primary;
}
}
h3.wp-block-heading:has(+ .wp-block-table) {
@apply nunito text-base tracking-widest;
}
/* .wp-block-table + h3.wp-block-heading {
@apply mt-16;
} */
/* :where(.is-website-carhop) {
@apply text-primary;
} */
:where(.wp-singular.page .entry-content p) {
@apply text-primary;
}
.wp-theme-carhop:not(.wp-child-theme-dynamiques) {
@apply text-primary;
}
.alignfull.has-background:has(+ .alignfull.has-background) {
@apply !mb-0;
}
.wp-block-column {
h5 + p {
@apply mt-0;
}
}