diff --git a/resources/css/components/post-header.css b/resources/css/components/post-header.css index 62968aa..ad6759c 100644 --- a/resources/css/components/post-header.css +++ b/resources/css/components/post-header.css @@ -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; }