From 5251ce509063e2173adf89ca2082a17b2e7d6d60 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 1 Apr 2019 23:25:26 -0400
Subject: [PATCH] add hover effect for file cards

---
 src/ui/scss/component/_media.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/ui/scss/component/_media.scss b/src/ui/scss/component/_media.scss
index e4c209c86..81624e156 100644
--- a/src/ui/scss/component/_media.scss
+++ b/src/ui/scss/component/_media.scss
@@ -10,6 +10,16 @@
   .media__properties {
     height: 1em;
   }
+
+  &:hover {
+    box-shadow: 0 0 50px rgba($lbry-black, 0.08);
+    background-color: rgba($lbry-black, 0.04);
+
+    html[data-mode='dark'] & {
+      box-shadow: 0 0 50px rgba($lbry-white, 0.07);
+      background-color: rgba($lbry-white, 0.03);
+    }
+  }
 }
 
 //  M E D I A