From 3d60970e286e57bc73bc1cd58ab9b359443b2183 Mon Sep 17 00:00:00 2001
From: ManjaroOne666 <git@gabbaell.co.uk>
Date: Thu, 10 Jan 2019 17:17:15 +0000
Subject: [PATCH] hover state opacity

---
 components/GalleryFeatured.vue | 11 ++++++++++-
 components/GalleryThumbs.vue   |  7 +++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/components/GalleryFeatured.vue b/components/GalleryFeatured.vue
index f877013..bac4491 100644
--- a/components/GalleryFeatured.vue
+++ b/components/GalleryFeatured.vue
@@ -1,5 +1,5 @@
 <template>
-  <ul>
+  <ul class="gallery-featured">
     <li v-for="(gallery, index) in galleries"
         class="featured-image"
         :style="{ 'height': featuredHeight,
@@ -47,6 +47,15 @@ export default {
 }
 
 @media (min-width: $bp__layout) {
+  .gallery-featured {
+    transition: opacity .3s; // TEMP
+    opacity: .3;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
   .featured-image {
     width: 100%;
     background-size: cover;
diff --git a/components/GalleryThumbs.vue b/components/GalleryThumbs.vue
index cd4780b..e3e908a 100644
--- a/components/GalleryThumbs.vue
+++ b/components/GalleryThumbs.vue
@@ -257,6 +257,13 @@ export default {
     flex: 0 0 $thumbs-height;
 
     overflow: hidden;
+
+    transition: opacity .3s; // TEMP
+    opacity: .3;
+
+    &:hover {
+      opacity: 1;
+    }
   }
 
   .gallery-thumbs__row-container {