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 {
@apply bg-purple-50 text-primary py-32;
@apply bg-primary text-white py-32;
h1.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;
}
&__inner {
@ -15,7 +15,9 @@
grid-template-columns: 1fr;
}
}
.content-meta__revue-issue {
@apply bg-white text-primary;
}
.thumbnail-wrapper {
@apply bg-red-200;
img {
@ -29,7 +31,7 @@
grid-template-columns: 1fr 1fr;
&__label {
@apply uppercase font-bold text-lg;
@apply uppercase font-bold text-lg text-white;
letter-spacing: 0.2em;
}
}
@ -38,7 +40,7 @@
@apply flex gap-4;
&__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;
&:hover {
transform: scale(1.05);
@ -55,5 +57,12 @@
}
.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;
}