diff options
Diffstat (limited to 'src/components/Footer/Footer.module.scss')
| -rw-r--r-- | src/components/Footer/Footer.module.scss | 90 |
1 files changed, 0 insertions, 90 deletions
diff --git a/src/components/Footer/Footer.module.scss b/src/components/Footer/Footer.module.scss deleted file mode 100644 index 1d156f8..0000000 --- a/src/components/Footer/Footer.module.scss +++ /dev/null @@ -1,90 +0,0 @@ -@use "@styles/abstracts/functions" as fun; -@use "@styles/abstracts/mixins" as mix; - -.wrapper { - display: flex; - flex-flow: column wrap; - gap: var(--spacing-xs); - place-items: center; - place-content: center; - 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 { - --button-size: #{fun.convert-px(55)}; - --icon-size: #{fun.convert-px(32)}; - - position: fixed; - bottom: calc(var(--toolbar-size) + var(--spacing-md)); - right: var(--spacing-md); - transition: all 0.4s ease-in 0s; - - &--hidden { - opacity: 0; - transform: translateY(calc(var(--button-size) + var(--spacing-md))); - } - - &--visible { - opacity: 1; - transform: translateY(0); - } - - a { - display: flex; - place-content: center; - padding: 0; - width: var(--button-size); - height: var(--button-size); - - svg { - height: 85%; - } - - :global { - .arrow-head { - transform: translateY(30%); - transition: all 0.45s ease-in-out 0s; - } - - .arrow-bar { - opacity: 0; - transform: translateY(30%) translateX(25%) scale(0.5); - transition: transform 0.45s ease-in-out 0s, opacity 0.3s ease-in-out 0s; - } - } - - &:hover, - &:focus { - :global { - .arrow-head { - transform: translateY(0); - } - - .arrow-bar { - opacity: 1; - transform: translateY(0) translateX(0) scale(1); - } - } - - svg { - :global { - animation: pulse 1.2s ease-in-out 0.6s infinite; - } - } - } - - &:active { - svg { - animation-play-state: paused; - } - } - } -} |
