Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Moving the rules of authors card to a dedicated css comopoent

Browse Source
This commit is contained in:
Antoine M 2026-02-04 11:20:14 +01:00
parent 1c15d03265
commit 3ca2f0c851
2 changed files with 46 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
resources/css/blocks/team-authors.css
View File

@ -4,53 +4,7 @@
.container { .container {
@apply px-0; @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 { .comity-type {
@apply pt-12; @apply pt-12;

46
resources/css/components/author-card.css Normal file
View File

@ -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;
}
}