From 5d05aaa01caf8248ad6ec76dd0c3c51c835533ed Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <blackmagik88@gmail.com>
Date: Tue, 26 Jul 2016 16:31:43 +0200
Subject: [PATCH] Refactor pattern-bg css class

---
 app/static/src/sass/modules/_pattern.scss | 33 ++++++++++++++++++-----
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/app/static/src/sass/modules/_pattern.scss b/app/static/src/sass/modules/_pattern.scss
index a3a67f7f..a843c130 100644
--- a/app/static/src/sass/modules/_pattern.scss
+++ b/app/static/src/sass/modules/_pattern.scss
@@ -2,23 +2,44 @@ $module: ".pattern";
 
 #{$module}-bg {
 
-    background-repeat: repeat;
-    background-position: top left;
+    position: relative;
+
+    &:after {
+        content: "";
+        background-repeat: repeat;
+        background-position: top left;
+        opacity: 0.2;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+        position: absolute;
+        z-index: -1;
+    }
+
 
     &--circles {
-        background-image: url(../img/patterns/circles.png);
+        &:after {
+            background-image: url(../img/patterns/circles.png);
+        }
     }
 
     &--squares {
-        background-image: url(../img/patterns/squares.png);
+        &:after {
+            background-image: url(../img/patterns/squares.png);
+        }
     }
 
     &--stripes {
-        background-image: url(../img/patterns/stripes.png);
+        &:after {
+            background-image: url(../img/patterns/stripes.png);
+        }
     }
 
     &--triangles {
-        background-image: url(../img/patterns/triangles.png);
+        &:after {
+            background-image: url(../img/patterns/triangles.png);
+        }
     }
 
 }
-- 
2.39.5