From 071c5fb378c9110a79fabc6121c59de2cff304ed Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 15 Sep 2016 11:16:37 +0200
Subject: [PATCH] Add a separator on the shutter items

---
 app/static/src/sass/pages/_home.scss | 27 ++++++++++++++++++++++-----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/app/static/src/sass/pages/_home.scss b/app/static/src/sass/pages/_home.scss
index 5a6d37fb..82d60d58 100644
--- a/app/static/src/sass/pages/_home.scss
+++ b/app/static/src/sass/pages/_home.scss
@@ -46,7 +46,7 @@ $module: ".home";
         background: white;
         z-index: 100;
 
-        @include padding(1 0);
+        @include padding(2 0 0 0);
         @include transform(scaleY(0));
         @include transition(transform 0.35s ease-in-out);
         transition-delay: 0.15s;
@@ -71,7 +71,7 @@ $module: ".home";
 
     &__shutter-content {
 
-        @include padding(0 9);
+        @include padding(0 7);
         @include transition(opacity 0.15s ease-in-out);
         opacity: 0;
         transition-delay: 0s;
@@ -80,6 +80,26 @@ $module: ".home";
             @include padding(0 3);
         }
 
+        @include mq($until: md) {
+            @include padding(0 1);
+        }
+
+        .col-xs-3:nth-child(n+5) {
+
+            &:before {
+
+                content: "";
+                display: block;
+                background: #979797;
+                height: 1px;
+                width: 100%;
+                @include margin-bottom(1);
+                @include margin-top(3);
+
+            }
+
+        }
+
     }
 
     &__shutter-item {
@@ -87,9 +107,6 @@ $module: ".home";
         text-decoration: none;
         display: block;
 
-        @include margin-top(1);
-        @include margin-bottom(1);
-
         >h2 {
             @include font-size(l);
             @include line-height(1);
-- 
2.39.5