52 lines
1004 B
CSS
52 lines
1004 B
CSS
.member-card {
|
|
@apply bg-white p-8 border border-carhop-green-700 mb-0 flex flex-col items-center;
|
|
gap: 1rem;
|
|
&--director {
|
|
@apply bg-primary;
|
|
p,
|
|
.member-card__name a,
|
|
.member-card__bio {
|
|
@apply text-white;
|
|
}
|
|
|
|
.member-card__email {
|
|
@apply bg-white text-primary;
|
|
&:hover {
|
|
@apply bg-carhop-green-900;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__profile-picture {
|
|
@apply w-full h-40 object-cover mb-6 relative bg-white p-2 border border-primary;
|
|
|
|
img {
|
|
@apply w-full h-full object-cover;
|
|
/* filter: grayscale(100%); */
|
|
}
|
|
}
|
|
|
|
&__name {
|
|
@apply text-2xl font-medium !mb-0 !pb-0 uppercase text-primary;
|
|
a {
|
|
@apply !text-primary;
|
|
}
|
|
}
|
|
|
|
&__email {
|
|
@apply mt-8 text-lg !normal-case mx-auto;
|
|
|
|
&:is(a) {
|
|
@apply !text-primary;
|
|
}
|
|
|
|
&:hover {
|
|
@apply !text-white;
|
|
}
|
|
}
|
|
|
|
&__bio {
|
|
@apply text-base text-primary text-center leading-relaxed;
|
|
}
|
|
}
|