Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

STYLE refgining component with latest modifications

Browse Source
This commit is contained in:
Nonimart 2025-06-23 16:14:15 +02:00
parent 7d51bb057a
commit b7549f05d1
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
resources/css/components/post-header.css
View File

@ -1,9 +1,9 @@
.post-header { .post-header {
@apply bg-purple-50 text-primary py-32; @apply bg-primary text-white py-32;
h1.post-header__title, h1.post-header__title,
h2.post-header__title { h2.post-header__title {
@apply uppercase font-medium text-7xl; @apply uppercase font-medium text-7xl text-white;
line-height: 1.2; line-height: 1.2;
} }
&__inner { &__inner {
@ -15,7 +15,9 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
.content-meta__revue-issue {
@apply bg-white text-primary;
}
.thumbnail-wrapper { .thumbnail-wrapper {
@apply bg-red-200; @apply bg-red-200;
img { img {
@ -29,7 +31,7 @@
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
&__label { &__label {
@apply uppercase font-bold text-lg; @apply uppercase font-bold text-lg text-white;
letter-spacing: 0.2em; letter-spacing: 0.2em;
} }
} }
@ -38,7 +40,7 @@
@apply flex gap-4; @apply flex gap-4;
&__button { &__button {
@apply bg-white text-carhop-green-700 px-4 py-2 font-normal rounded-full border-primary w-fit border-2 flex items-center gap-2; @apply bg-white text-carhop-green-700 px-4 py-2 font-normal rounded-full w-fit flex items-center gap-2;
transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out;
&:hover { &:hover {
transform: scale(1.05); transform: scale(1.05);
@ -55,5 +57,12 @@
} }
.article-meta__related-revue a { .article-meta__related-revue a {
@apply hover:underline underline-offset-8; @apply hover:underline underline-offset-8 text-white;
text-decoration-color: #fff;
text-decoration-thickness: 1px;
}
.article-meta__value {
@apply text-white font-light tracking-wide;
letter-spacing: 0.0015em;
} }