56 lines
1.0 KiB
CSS
56 lines
1.0 KiB
CSS
/* Team Grid block */
|
|
|
|
.team-grid {
|
|
&__card {
|
|
@apply flex flex-col;
|
|
}
|
|
|
|
&__details {
|
|
@apply flex flex-col;
|
|
}
|
|
|
|
&__summary {
|
|
@apply flex flex-col items-center text-center cursor-pointer list-none;
|
|
|
|
&::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
|
|
&::marker {
|
|
display: none;
|
|
content: '';
|
|
}
|
|
}
|
|
|
|
&__photo {
|
|
@apply w-32 h-32 sm:w-40 sm:h-40 lg:w-48 lg:h-48 object-cover rounded-md mb-4;
|
|
}
|
|
|
|
&__name {
|
|
@apply text-cwc-blue-01 text-22px font-bold leading-tight mb-1;
|
|
}
|
|
|
|
&__title {
|
|
@apply text-gray-600 text-16px font-light italic mb-3;
|
|
}
|
|
|
|
&__bio-wrap {
|
|
display: grid;
|
|
grid-template-rows: 0fr;
|
|
transition: grid-template-rows 300ms ease;
|
|
}
|
|
|
|
&__details[open] &__bio-wrap {
|
|
grid-template-rows: 1fr;
|
|
}
|
|
|
|
&__bio-inner {
|
|
overflow: hidden;
|
|
min-height: 0;
|
|
}
|
|
|
|
&__bio {
|
|
@apply text-gray-700 text-16px font-light leading-snug pt-2;
|
|
}
|
|
}
|