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