From 3ca2f0c8510f33ca4ddf8da4f4dad448efd9bef3 Mon Sep 17 00:00:00 2001 From: Antoine M Date: Wed, 4 Feb 2026 11:20:14 +0100 Subject: [PATCH] Moving the rules of authors card to a dedicated css comopoent --- resources/css/blocks/team-authors.css | 46 ------------------------ resources/css/components/author-card.css | 46 ++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 46 deletions(-) create mode 100644 resources/css/components/author-card.css diff --git a/resources/css/blocks/team-authors.css b/resources/css/blocks/team-authors.css index d175f94..39c082c 100644 --- a/resources/css/blocks/team-authors.css +++ b/resources/css/blocks/team-authors.css @@ -4,53 +4,7 @@ .container { @apply px-0; } - .author-card { - @apply bg-white p-8 border border-carhop-green-700 mb-0 flex flex-col; - &--director { - @apply bg-primary; - p, - .author-card__name a, - .author-card__bio { - @apply text-white; - } - - .author-card__email { - @apply bg-white text-primary; - &:hover { - @apply bg-carhop-green-900; - } - } - } - - &__profile-picture { - @apply w-full h-32 object-cover mb-6 border border-carhop-green-700 relative bg-white; - - /* img { - @apply object-cover object-center; - object-fit: cover; - object-position: center; - width: calc(100% - 16px); - height: calc(100% - 16px); - } */ - } - - &__name { - @apply text-2xl font-medium mb-0 uppercase; - } - - &__email { - @apply mt-4 text-lg; - - &:hover { - @apply cta--primary; - } - } - - &__bio { - @apply text-base text-primary text-center leading-relaxed; - } - } .comity-type { @apply pt-12; diff --git a/resources/css/components/author-card.css b/resources/css/components/author-card.css new file mode 100644 index 0000000..0fa80ea --- /dev/null +++ b/resources/css/components/author-card.css @@ -0,0 +1,46 @@ +.author-card { + @apply bg-white p-8 border border-carhop-green-700 mb-0 flex flex-col; + + &--director { + @apply bg-primary; + p, + .author-card__name a, + .author-card__bio { + @apply text-white; + } + + .author-card__email { + @apply bg-white text-primary; + &:hover { + @apply bg-carhop-green-900; + } + } + } + + &__profile-picture { + @apply w-full h-32 object-cover mb-6 border border-carhop-green-700 relative bg-white; + } + + &__name { + @apply text-2xl font-medium !mb-0 !pb-0 uppercase text-primary; + a { + @apply !text-primary; + } + } + + &__email { + @apply mt-4 text-lg !normal-case; + + &:is(a) { + @apply !text-primary; + } + + &:hover { + @apply !text-white; + } + } + + &__bio { + @apply text-base text-primary text-center leading-relaxed; + } +}