From: Jérémy Fabre <Jeremy@iMac-de-Jeremy.local>
Date: Thu, 15 Sep 2016 09:40:19 +0000 (+0200)
Subject: Add some button styles for TinyMCE
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=8f805c0264cd120355685c2dd3c2e8c318871d4b;p=mezzo.git

Add some button styles for TinyMCE
---

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';