bold, italic, underline icons #11

1 files changed, 31 insertions, 0 deletions

diff --git a/src/style.scss b/src/style.scss
index fd23726..698a803 100644
--- a/src/style.scss
+++ b/src/style.scss
@@ -395,3 +395,34 @@ Components
 .td-1 {
   width: 1%;
 }
+
+$border-color: #e0e0e0;
+
+.toolbar {
+  display: flex;
+}
+
+.buttons {
+  display: flex;
+  margin-right: .5rem;
+  border: 1px solid $border-color;
+  border-radius: 3px;
+
+  .button + .button {
+    border-left: 1px solid $border-color;
+  }
+}
+
+.button {
+  display: inline-flex;
+  width: 2rem;
+  height: 2rem;
+  align-items: center;
+  justify-content: center;
+  color: mix($dark, #fff, 75%);
+
+  svg {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
+}