From 0f2bdbe3bc9e5e4ff19902b10e3b64173793205d Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Wed, 26 Oct 2016 14:16:12 +0200
Subject: [PATCH] Add transition on article card

---
 app/static/src/sass/modules/boxes/_article-box.scss | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/static/src/sass/modules/boxes/_article-box.scss b/app/static/src/sass/modules/boxes/_article-box.scss
index 3c5aaca4..0e2edf8a 100644
--- a/app/static/src/sass/modules/boxes/_article-box.scss
+++ b/app/static/src/sass/modules/boxes/_article-box.scss
@@ -11,6 +11,11 @@ $module: ".article-box";
     &:hover {
         box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.17);
         .article-box__image {
+
+            img {
+                @include transform(scale(1.1));
+            }
+
             &:after {
                 border-width: 12px;
             }
@@ -26,6 +31,7 @@ $module: ".article-box";
         padding: 0;
         width: 100%;
         position: relative;
+        overflow: hidden;
 
         @include fluid-aspect(427 286);
 
@@ -34,6 +40,7 @@ $module: ".article-box";
             width: 100%;
             max-width: 100%;
             height: auto;
+            @include transition(all 0.3s ease-in-out);
         }
 
         &:after {
@@ -88,10 +95,10 @@ $module: ".article-box";
 
     &__btn {
         position: absolute;
-        bottom: 0;
+        top: 0;
         right: 0;
 
-        @include margin-bottom(.5);
+        @include margin-top(.5);
         @include margin-right(.5);
     }
 
-- 
2.39.5