carhop__carhop-theme__DEV/resources/css/blocks/heading.css
Antoine M 8d8c88f4ee
All checks were successful
continuous-integration/drone/push Build is passing
FEATURE handling inverted hierrachy variant
2025-11-20 11:14:15 +01:00

69 lines
1.2 KiB
CSS

.carhop-heading {
@apply pb-8;
&__innerblocks {
@apply alignwide !mx-auto flex flex-col justify-center gap-6;
}
&--align-center {
@apply items-center;
}
p {
@apply !mb-0 !pb-0 uppercase text-primary;
line-height: 1.2 !important;
font-weight: 700;
@apply tracking-widest;
}
h1.has-text-align-center,
h2.has-text-align-center,
h3.has-text-align-center,
h4.has-text-align-center,
h5.has-text-align-center,
h6.has-text-align-center {
@apply mx-auto;
}
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
@apply mt-0;
}
&--hierarchy-inverted {
@apply text-white;
h1,
h2,
h3,
h4,
h5,
h6 {
@apply font-light uppercase tracking-wider max-w-4xl !text-4xl;
line-height: 1.2 !important;
@apply !pb-0;
}
}
&--hierarchy-classic {
@apply text-white;
h1,
h2,
h3,
h4,
h5,
h6 {
@apply !text-lg mb-0 pb-0 nunito !font-bold !tracking-widest !uppercase;
font-family: 'Nunito Sans', sans-serif !important;
}
p {
@apply !text-4xl fjalla !tracking-wider font-normal;
}
}
}
/* test */