From 76d2c735a474f5f8aad9b7ca9735393069913c10 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Tue, 26 Oct 2021 14:57:48 +0200 Subject: chore: change header/footer styles The branding takes a less space. I add box shadows and border to differentiate the header from the footer and the content. --- htdocs/src/scss/layout/_footer.scss | 2 ++ 1 file changed, 2 insertions(+) (limited to 'htdocs/src/scss/layout/_footer.scss') diff --git a/htdocs/src/scss/layout/_footer.scss b/htdocs/src/scss/layout/_footer.scss index 776ea57..b405114 100644 --- a/htdocs/src/scss/layout/_footer.scss +++ b/htdocs/src/scss/layout/_footer.scss @@ -3,11 +3,13 @@ .footer { background: fun.get-var(color-bg-secondary); + border-top: fun.convert-px(1) solid fun.get-var(color-border-light); 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") { + box-shadow: 0 -1px 2px 0 fun.get-var(color-shadow); padding: fun.get-var(spacing-sm) fun.get-var(spacing-md); } } -- cgit v1.2.3