From 3239d05b4ab0e88d132a80d0071734d8a4654a36 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Mon, 28 Jan 2019 09:08:42 +0000
Subject: [PATCH] active gallery highlighted

---
 components/GalleryFeatured.vue | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue
index 3a501bd..187c50e 100644
--- a/components/GalleryFeatured.vue
+++ b/components/GalleryFeatured.vue
@@ -2,6 +2,7 @@
   <ul class="gallery-featured">
     <li v-for="(gallery, index) in galleries"
         class="featured-image thumb-overlay"
+        :class="{ 'is-active': index === galleryActive }"
         :style="{ 'background-image': 'url(' + gallery.featuredImage + ')' }"
         :key="index"
         @click="$emit('clicked', index)">
@@ -95,6 +96,26 @@ export default {
     height: 0;
     padding-top: 100%;
     margin-bottom: 4px;
+
+    &::before {
+      content: '';
+      display: block;
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+
+      transition: opacity 1s;
+      opacity: 0;
+
+      border: 1px solid $color__neutral-700;;
+    }
+
+    &.is-active::before {
+      transition: opacity 2s .2s;
+      opacity: 1;
+    }
   }
 
   .gallery-title {