FEATURE Refining tweaks

resources/css/app.css

@@ -44,6 +44,7 @@
 @import './blocks/decorative-shapes.css';
 @import './blocks/narrative-card.css';
 @import './blocks/scroll-story-block.css';
+@import './blocks/gallery.css';
 
 /* ########### LIBS ############ */
 @import './libs/swiper.css';

resources/css/blocks/gallery.css

@@ -0,0 +1,22 @@
+.gallery {
+  @apply max-w-screen-xl mx-auto px-12 py-12;
+
+  .gallery-card {
+    @apply h-auto py-12 border border-primary !p-3;
+    img {
+      @apply w-full max-h-80 object-cover;
+    }
+  }
+
+  .swiper-slide {
+    @apply p-2;
+  }
+
+  .swiper-slide:nth-child(even) .gallery-card {
+    @apply rotate-1;
+  }
+
+  .swiper-slide:nth-child(odd) .gallery-card {
+    @apply -rotate-1;
+  }
+}

resources/css/blocks/team-authors.css

@@ -2,10 +2,25 @@
   @apply max-w-screen-xl px-12 mx-auto py-24;
 
   .author-card {
-    @apply bg-white p-12 border border-carhop-green-700  flex flex-col;
+    @apply bg-white p-8 border border-carhop-green-700 mb-0  flex flex-col;
+
+    &--director {
+      @apply bg-primary;
+      .author-card__name,
+      .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;
+      @apply w-full h-32 object-cover  mb-6 border border-carhop-green-700 relative bg-white;
 
       /* img {
         @apply object-cover object-center;
@@ -17,11 +32,11 @@
     }
 
     &__name {
-      @apply text-2xl font-medium mb-4;
+      @apply text-2xl font-medium mb-4 uppercase;
     }
 
     &__email {
-      @apply mt-4;
+      @apply mt-4 text-lg;
 
       &:hover {
         @apply cta--primary;
@@ -29,6 +44,7 @@
     }
 
     &__bio {
+      @apply text-base text-primary text-center leading-relaxed;
     }
   }
   .comity-type {
@@ -39,7 +55,7 @@
     }
 
     &__list {
-      @apply grid grid-cols-2 md:grid-cols-3 gap-12;
+      @apply grid md:grid-cols-2 lg:grid-cols-3 gap-8;
     }
 
     &__item {