From 5c218901d3127ccf1d643fa9fbcebdce31384b03 Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Fri, 21 Oct 2016 17:54:27 +0200
Subject: [PATCH] Add brief box styles implementation (grey, yellow and black)

---
 .../src/sass/modules/boxes/_brief-box.scss    | 30 +++++++++++++++++++
 .../magazine/brief/inc/brief_card.html        |  5 ++--
 2 files changed, 32 insertions(+), 3 deletions(-)

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>
-- 
2.39.5