From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 21 Oct 2016 15:54:27 +0000 (+0200)
Subject: Add brief box styles implementation (grey, yellow and black)
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=5c218901d3127ccf1d643fa9fbcebdce31384b03;p=mezzo.git

Add brief box styles implementation (grey, yellow and black)
---

diff --git a/app/static/src/sass/modules/boxes/_brief-box.scss b/app/static/src/sass/modules/boxes/_brief-box.scss
index f3e251fa..853c509b 100644
--- a/app/static/src/sass/modules/boxes/_brief-box.scss
+++ b/app/static/src/sass/modules/boxes/_brief-box.scss
@@ -62,6 +62,36 @@ $module: ".brief-box";
         @extend .button--small;
 
         @include margin-bottom(5);
+        margin-right: 0;
+
+    }
+
+    &--black {
+
+        background: $color-black;
+
+        #{$module}__title {
+            color: white;
+        }
+        #{$module}__desc {
+            color: white;
+        }
+
+    }
+
+    &--yellow {
+
+        background: $color-main;
+
+        #{$module}__title {
+            color: $color-black;
+        }
+        #{$module}__desc {
+            color: $color-black;
+        }
+        #{$module}__button {
+            @extend .button--black;
+        }
 
     }
 
diff --git a/app/templates/magazine/brief/inc/brief_card.html b/app/templates/magazine/brief/inc/brief_card.html
index 2953f969..e0eca226 100644
--- a/app/templates/magazine/brief/inc/brief_card.html
+++ b/app/templates/magazine/brief/inc/brief_card.html
@@ -1,8 +1,7 @@
 {% load i18n mezzanine_tags %}
 
-<div class="brief-box">
-    {{ content.content_object.style }}
-
+<div class="brief-box brief-box--{{ content.content_object.style }}">
+    
     <div class="brief-box__head">
         {% trans 'Brief !' %}
     </div>