From 9c150f28e4a23dfb4965fc3a4cdee16933a3def5 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 14 Feb 2022 00:35:49 +0100 Subject: chore: improve footer MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The "Mentions légales" link was not enough visible on small viewports because of the back to top link. So I change the disposition to improve that. --- src/components/Footer/Footer.module.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'src/components/Footer/Footer.module.scss') diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss index 51e308e..1d156f8 100644 --- a/src/components/Footer/Footer.module.scss +++ b/src/components/Footer/Footer.module.scss @@ -1,13 +1,21 @@ @use "@styles/abstracts/functions" as fun; +@use "@styles/abstracts/mixins" as mix; .wrapper { display: flex; - flex-flow: row wrap; + flex-flow: column wrap; + gap: var(--spacing-xs); place-items: center; place-content: center; - gap: var(--spacing-xs); padding: var(--spacing-md) 0 calc(var(--toolbar-size) + var(--spacing-md)); border-top: fun.convert-px(3) solid var(--color-border-light); + + @include mix.media("screen") { + @include mix.dimensions("sm") { + flex-flow: row wrap; + font-size: var(--font-size-sm); + } + } } .back-to-top { -- cgit v1.2.3