From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Tue, 20 Sep 2016 08:21:33 +0000 (+0200)
Subject: Add a white button style
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=340281c19285216c88834923874c583ec5054c57;p=mezzo.git

Add a white button style
---

diff --git a/app/static/src/sass/global/_buttons.scss b/app/static/src/sass/global/_buttons.scss
index 393df9be..fe9b8d02 100755
--- a/app/static/src/sass/global/_buttons.scss
+++ b/app/static/src/sass/global/_buttons.scss
@@ -41,6 +41,18 @@ $module: ".button";
 
     }
 
+    &--white {
+
+        background-color: white;
+        color: $color-black;
+
+        &:hover {
+            background-color: $color-black;
+            color: white;
+        }
+
+    }
+
     &--small {
         @include font-size(m);
         @include padding(.18 1);
diff --git a/app/static/src/sass/global/_wysiwyg.scss b/app/static/src/sass/global/_wysiwyg.scss
index eb7318fb..9872880b 100644
--- a/app/static/src/sass/global/_wysiwyg.scss
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -91,3 +91,53 @@ a.wys-button-black-xsmall {
     @include margin(1);
 
 }
+
+a.wys-button-white {
+
+    @extend .button;
+    @extend .button--white;
+
+    .page__block--black & {
+        color: $color-black;
+        &:hover {
+            color: white;
+        }
+    }
+
+    @include margin(1);
+
+}
+
+a.wys-button-white-small {
+
+    @extend .button;
+    @extend .button--white;
+    @extend .button--small;
+
+    .page__block--black & {
+        color: $color-black;
+        &:hover {
+            color: white;
+        }
+    }
+
+    @include margin(1);
+
+}
+
+a.wys-button-white-xsmall {
+
+    @extend .button;
+    @extend .button--white;
+    @extend .button--xsmall;
+
+    .page__block--black & {
+        color: $color-black;
+        &:hover {
+            color: white;
+        }
+    }
+
+    @include margin(1);
+
+}