1 files changed, 34 insertions, 0 deletions
diff --git a/src/scss/layout/_toolbar.scss b/src/scss/layout/_toolbar.scss
new file mode 100644
index 0000000..00e2bd7
--- /dev/null
+++ b/src/scss/layout/_toolbar.scss
@@ -0,0 +1,34 @@
+@use "../abstracts/functions" as fun;
+
+.toolbar {
+  align-items: center;
+  background: fun.get-var(color-primary);
+  bottom: 0;
+  box-shadow: 0 -1px 2px 0 fun.get-var(color-shadow-dark);
+  color: fun.get-var(color-fg-inverted);
+  display: flex;
+  flex-flow: row nowrap;
+  gap: fun.get-var(spacing-xs);
+  height: fun.get-var(toolbar-height);
+  justify-content: center;
+  left: 0;
+  padding: 0 fun.get-var(spacing-sm);
+  position: absolute;
+  right: 0;
+  z-index: 2;
+
+  & > &__options {
+    background: fun.get-var(color-primary);
+    color: fun.get-var(color-fg-inverted);
+    font-size: fun.get-var(font-size-sm);
+    height: 85%;
+    line-height: inherit;
+    padding: 0 fun.get-var(spacing-xs);
+
+    &:hover,
+    &:focus {
+      background: fun.get-var(color-bg);
+      color: fun.get-var(color-primary);
+    }
+  }
+}