diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-01-08 18:42:06 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-01-08 18:50:39 +0100 |
| commit | 4e878aab112b08a18f7285bbb0df1f20d38ee9cf (patch) | |
| tree | af083b2fca62aed8e29882421b729d228b77d7da /src/components/Footer | |
| parent | a30ac67f560ff2b3bc2a462065ac5ddaf783682c (diff) | |
chore: ensure 100vh height and improve Header/Footer styles
Diffstat (limited to 'src/components/Footer')
| -rw-r--r-- | src/components/Footer/Footer.module.scss | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss index debddfb..4daa52a 100644 --- a/src/components/Footer/Footer.module.scss +++ b/src/components/Footer/Footer.module.scss @@ -7,6 +7,7 @@ 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-lighter); } .back-to-top { @@ -42,13 +43,13 @@ :global { .arrow-head { transform: translateY(12px) translateX(-5px) scale(1.5); - transition: all 0.6s ease-in-out 0s; + transition: all 0.45s ease-in-out 0s; } .arrow-bar { opacity: 0; transform: translateY(12px) translateX(5px) scale(0.5); - transition: transform 0.6s ease-in-out 0s, opacity 0.7s ease-in-out 0s; + transition: transform 0.45s ease-in-out 0s, opacity 0.7s ease-in-out 0s; } } @@ -67,7 +68,7 @@ svg { :global { - animation: pulse 1.2s ease-in-out 0.6s infinite; + animation: pulse 1.4s ease-in-out 0.45s infinite; } } } |
