✨ feat: Add team-grid block CSS

2026-07-25 13:21:02 -05:00
parent c1ac1d659b
commit a816e56cfa
1 changed files with 55 additions and 0 deletions
@@ -0,0 +1,55 @@
+/* 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;
+    }
+}