diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-14 00:35:49 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-14 00:35:49 +0100 |
| commit | 9c150f28e4a23dfb4965fc3a4cdee16933a3def5 (patch) | |
| tree | c6d4e8ce62c57f67b5bc8500b3735cdce62c8367 /src/components/Footer/Footer.module.scss | |
| parent | b79a46e6c2dc4b6df0a8e4c1a28ecf9178af965e (diff) | |
chore: improve footer
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.
Diffstat (limited to 'src/components/Footer/Footer.module.scss')
| -rw-r--r-- | src/components/Footer/Footer.module.scss | 12 |
1 files changed, 10 insertions, 2 deletions
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 { |