From 3a3baddad1c801d77dc398d2c6980f3c14f4a47c Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sat, 30 Oct 2021 22:11:00 +0200 Subject: chore: move htdocs to repo root --- src/scss/layout/_toolbar.scss | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) create mode 100644 src/scss/layout/_toolbar.scss (limited to 'src/scss/layout/_toolbar.scss') 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); + } + } +} -- cgit v1.2.3