Add hover on shutter items

diff --git a/app/static/src/sass/pages/_home.scss b/app/static/src/sass/pages/_home.scss
index 50c04d12ad498d83309d23093dc990d3e80caec4..f4edb16e71ca068cd5b102fdf9cb547f3f1ecc0b 100644 (file)
--- a/app/static/src/sass/pages/_home.scss
+++ b/app/static/src/sass/pages/_home.scss
@@ -110,6 +110,8 @@ $module: ".home";
 
         text-decoration: none;
         display: block;
+        position: relative;
+        z-index: 2;
 
         >h2 {
             @include font-size(l);
@@ -135,6 +137,29 @@ $module: ".home";
 
             @include margin(0);
             text-decoration: underline;
+            position: relative;
+            z-index: 3;
+        }
+
+        &:before {
+            content: "";
+            display: block;
+            position: absolute;
+            background: transparent;
+            top: -10%;
+            left: -5%;
+            width: 110%;
+            height: 120%;
+            z-index: 1;
+            @include transition(all 0.25s ease-in-out);
+        }
+
+        &:hover {
+
+            &:before {
+                box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.17);
+            }
+
         }
 
         .sidebar & {