From 8f805c0264cd120355685c2dd3c2e8c318871d4b Mon Sep 17 00:00:00 2001
From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 15 Sep 2016 11:40:19 +0200
Subject: [PATCH] Add some button styles for TinyMCE

---
 app/static/src/sass/global/_buttons.scss | 12 +++++++
 app/static/src/sass/global/_wysiwyg.scss | 42 ++++++++++++++++++++++++
 app/static/src/sass/index.scss           |  1 +
 3 files changed, 55 insertions(+)
 create mode 100644 app/static/src/sass/global/_wysiwyg.scss

diff --git a/app/static/src/sass/global/_buttons.scss b/app/static/src/sass/global/_buttons.scss
index b6c6b8e0..456c6dd7 100755
--- a/app/static/src/sass/global/_buttons.scss
+++ b/app/static/src/sass/global/_buttons.scss
@@ -28,6 +28,18 @@ $module: ".button";
         }
     }
 
+    &--black {
+
+        background-color: $color-black;
+        color: white;
+
+        &:hover {
+            background-color: $color-main;
+            color: $color-black;
+        }
+
+    }
+
     &--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
new file mode 100644
index 00000000..395e3c4c
--- /dev/null
+++ b/app/static/src/sass/global/_wysiwyg.scss
@@ -0,0 +1,42 @@
+.wys-button {
+
+    @extend .button;
+
+}
+
+.wys-button-small {
+
+    @extend .button;
+    @extend .button--small;
+
+}
+
+.wys-button-xsmall {
+
+    @extend .button;
+    @extend .button--xsmall;
+
+}
+
+.wys-button-black {
+
+    @extend .button;
+    @extend .button--black;
+
+}
+
+.wys-button-black-small {
+
+    @extend .button;
+    @extend .button--black;
+    @extend .button--small;
+
+}
+
+.wys-button-black-xsmall {
+
+    @extend .button;
+    @extend .button--black;
+    @extend .button--xsmall;
+
+}
diff --git a/app/static/src/sass/index.scss b/app/static/src/sass/index.scss
index 8c0e6d8d..43642345 100755
--- a/app/static/src/sass/index.scss
+++ b/app/static/src/sass/index.scss
@@ -19,6 +19,7 @@
 @import 'global/buttons';
 @import 'global/tables';
 @import 'global/helpers';
+@import 'global/wysiwyg';
 
 @import 'layout/global';
 @import 'layout/grid';
-- 
2.39.5