--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/scss/components/_SlateEditor.scss	Tue Dec 04 18:17:56 2018 +0100
@@ -0,0 +1,58 @@
+@import 'bootstrap/scss/functions';
+@import 'bootstrap/scss/variables';
+
+.toolbar-menu {
+      align-items: center;
+  .button {
+    cursor: pointer;
+  }
+  .material-icons {
+    font-size: 1.3rem;
+  }
+//   .button[data-active="true"] {
+//   }
+  > *:last-child {
+    margin-left: auto;
+    // .checkbox {
+    //     display: inline-block;
+    //     margin-right: 10px;
+    // }
+  }
+}
+
+#btn-editor {
+    padding: .1rem .2rem .1rem .2rem;
+    font-size: .8rem;
+  }
+
+.hovering-menu {
+    position: absolute;
+    z-index: 1;
+    top: -10000px;
+    left: -10000px;
+    margin-top: -20px;
+    opacity: 0;
+    transition: opacity .75s;
+}
+
+.categories-tooltip {
+    background-color: #efefef;
+    border-radius: 4px;
+    border: 1px solid #ccc;
+    padding: 5px;
+    .buttons {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        button {
+            background-color: yellow;
+            border: 1px solid #ccc;
+        }
+        button:not(:last-child) {
+            margin-right: 10px;
+        }
+    }
+    .form-group:last-child {
+        margin-bottom: 0;
+    }
+}