From: Jérémy Fabre <Jeremy@iPhonedeFilipe.fritz.box>
Date: Mon, 28 Nov 2016 14:25:24 +0000 (+0100)
Subject: Add hover on shutter items
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=da830ecd4ca08fdb43ead9fa8f2fe06619bf6f22;p=mezzo.git

Add hover on shutter items
---

diff --git a/app/static/src/sass/pages/_home.scss b/app/static/src/sass/pages/_home.scss
index 50c04d12..f4edb16e 100644
--- 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 & {