diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-10-26 14:57:48 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-10-26 14:57:48 +0200 |
| commit | 76d2c735a474f5f8aad9b7ca9735393069913c10 (patch) | |
| tree | 0f23e6711d201a626601ed49ff9ca7a37f44165b /htdocs/src/scss/layout/_footer.scss | |
| parent | 7a9084cb7b97c42a260619ae67797431c22bc2b0 (diff) | |
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.
Diffstat (limited to 'htdocs/src/scss/layout/_footer.scss')
| -rw-r--r-- | htdocs/src/scss/layout/_footer.scss | 2 |
1 files changed, 2 insertions, 0 deletions
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); } } |