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

FEATURE Refining component style

Browse Source
This commit is contained in:
Antoine M 2026-02-13 15:44:34 +01:00
parent ed89f9f9f6
commit d16c885638
1 changed files with 49 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
resources/css/blocks/dernieres-dynamiques.css
View File

@ -2,32 +2,62 @@
@apply pt-2 md:pt-20 px-4 md:px-16;
/* overflow: visible !important; */
overflow: hidden !important;
&.alignfull {
@apply !my-0;
@apply !mt-12;
/* &.alignfull {
@apply !my-8;
} */
&:not(:has(.related-articles)) {
@apply pb-16;
}
&--has-light-bg {
@apply text-primary;
.content-meta__revue-issue {
@apply bg-primary !text-white;
}
}
&--has-dark-bg {
@apply text-white;
.content-meta__revue-issue {
@apply bg-white !text-primary;
}
}
&__inner {
@apply max-w-screen-2xl mx-auto;
}
.content-meta {
color: currentColor;
.content-meta__type {
color: currentColor;
}
}
&__header {
@apply flex flex-wrap items-end justify-between gap-8 gap-y-2 uppercase text-4xl mb-6 md:mb-12;
.block-title {
@apply flex grow items-end justify-between gap-8 uppercase text-2xl md:text-4xl lg:text-5xl;
color: currentColor !important;
span {
@apply block shrink-0;
color: currentColor !important;
}
&:after {
@apply w-full z-20 block mb-2;
height: 1px;
content: ' ';
background-color: currentColor;
}
}
.header-link {
@apply text-lg font-medium nunito flex items-center gap-3;
text-transform: none;
span {
@apply pt-1;
color: currentColor !important;
}
svg {
@ -35,7 +65,8 @@
transition: transform 0.3s ease-in-out;
path,
circle {
@apply stroke-white stroke-2;
@apply stroke-2;
stroke: currentColor !important;
}
}
&:hover {
@ -66,7 +97,7 @@
font-weight: 100 !important;
}
&__issue-content-wrapper {
@apply grid gap-y-6 gap-12 lg:gap-36 pb-24 overflow-hidden lg:overflow-visible;
@apply grid gap-y-6 gap-12 lg:gap-36 pb-12 overflow-hidden lg:overflow-visible;
@screen md {
grid-template-columns: 61.8fr 38.2fr;
}
@ -163,6 +194,10 @@
}
}
section.alignfull + .block-dernieres-dynamiques {
@apply !mt-0;
}
.is-website-dynamiques .block-dernieres-dynamiques {
@apply bg-primary text-white;
&__header {
@ -188,18 +223,24 @@
}
}
.is-website-carhop .block-dernieres-dynamiques {
@apply bg-carhop-orange-50 text-primary;
@apply bg-carhop-orange-50;
&__header {
.block-title:after {
@apply bg-primary;
}
}
:is(p, span, h1, h2, h3, h4, h5, h6):not(.article-card *) {
@apply text-primary;
:is(p, span, h1, h2, h3, h4, h5, h6, a):not(
.article-card *,
.content-meta__revue-issue
) {
color: currentColor !important;
}
.related-articles:after {
@apply content-none hidden;
}
}
.block-dernieres-dynamiques:has(+ .explore-tags) {
@apply !mb-0;
}