From e6be2a749736fd7e9c9becef953ffb1dcf34115b Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 4 Nov 2016 11:30:21 +0100
Subject: [PATCH] Update the dashed style to make it work on multiple lines

---
 app/static/src/sass/modules/_dashed.scss | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/app/static/src/sass/modules/_dashed.scss b/app/static/src/sass/modules/_dashed.scss
index 6a005535..e8dc87db 100644
--- a/app/static/src/sass/modules/_dashed.scss
+++ b/app/static/src/sass/modules/_dashed.scss
@@ -12,7 +12,7 @@ $module: ".dashed";
         content: '.';
     }
 
-    &:after {
+    /*&:after {
         position: absolute;
         height: 40%;
         width: 100%;
@@ -22,7 +22,14 @@ $module: ".dashed";
         content: "";
         background: $color-main;
         z-index: -1;
-    }
+    }*/
+    background-image: -webkit-linear-gradient(transparent 14px,$color-main 14px,$color-main 34px,transparent 34px);
+    background-image:    -moz-linear-gradient(transparent 14px,$color-main 14px,$color-main 34px,transparent 34px);
+    background-image:     -ms-linear-gradient(transparent 14px,$color-main 14px,$color-main 34px,transparent 34px);
+    background-image:      -o-linear-gradient(transparent 14px,$color-main 14px,$color-main 34px,transparent 34px);
+    background-image:         linear-gradient(transparent 14px,$color-main 14px,$color-main 34px,transparent 34px);
+    background-repeat: repeat;
+    background-size: 16px 48px;
 
     &--gray {
 
@@ -45,6 +52,14 @@ $module: ".dashed";
 
         @include padding-right(.5);
 
+        background-image: -webkit-linear-gradient(transparent 7px,$color-main 7px,$color-main 16px,transparent 16px);
+        background-image:    -moz-linear-gradient(transparent 7px,$color-main 7px,$color-main 16px,transparent 16px);
+        background-image:     -ms-linear-gradient(transparent 7px,$color-main 7px,$color-main 16px,transparent 16px);
+        background-image:      -o-linear-gradient(transparent 7px,$color-main 7px,$color-main 16px,transparent 16px);
+        background-image:         linear-gradient(transparent 7px,$color-main 7px,$color-main 16px,transparent 16px);
+        background-repeat: repeat;
+        background-size: 16px 24px;
+
     }
 
 }
-- 
2.39.5