From 2716256c665e39b0e217dac1f3bb560a14c101e1 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Sun, 24 Oct 2021 18:19:05 +0200 Subject: chore: add styles --- htdocs/src/scss/layout/_footer.scss | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 htdocs/src/scss/layout/_footer.scss (limited to 'htdocs/src/scss/layout/_footer.scss') diff --git a/htdocs/src/scss/layout/_footer.scss b/htdocs/src/scss/layout/_footer.scss new file mode 100644 index 0000000..776ea57 --- /dev/null +++ b/htdocs/src/scss/layout/_footer.scss @@ -0,0 +1,24 @@ +@use "../abstracts/functions" as fun; +@use "../abstracts/mixins" as mix; + +.footer { + background: fun.get-var(color-bg-secondary); + padding: fun.get-var(spacing-sm) fun.get-var(spacing-md) + calc(#{fun.get-var(toolbar-height)} + #{fun.get-var(spacing-sm)}); + + @include mix.media("screen") { + @include mix.dimensions("lg") { + padding: fun.get-var(spacing-sm) fun.get-var(spacing-md); + } + } +} + +.copyright { + align-items: center; + display: flex; + flex-flow: row wrap; + font-family: fun.get-var(font-family-secondary); + font-size: fun.get-var(font-size-md); + gap: fun.get-var(spacing-3xs); + justify-content: center; +} -- cgit v1.2.3