aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/buttons/back-to-top.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2023-09-28 18:03:43 +0200
committerArmand Philippot <git@armandphilippot.com>2023-10-24 12:25:00 +0200
commit837e0e904c40f7b87561c34ca3f49edd5d8d1c52 (patch)
tree37835dd2c84ed770b5719152aab0b74d93c0878c /src/components/molecules/buttons/back-to-top.module.scss
parentd17d894f398650209c0ddd29502308de8c07bd93 (diff)
feat(components): replace icons with a generic Icon component
Sizes are also predefined and can be set using the `size` prop, so the consumers should no longer adjust the size in CSS.
Diffstat (limited to 'src/components/molecules/buttons/back-to-top.module.scss')
-rw-r--r--src/components/molecules/buttons/back-to-top.module.scss6
1 files changed, 1 insertions, 5 deletions
diff --git a/src/components/molecules/buttons/back-to-top.module.scss b/src/components/molecules/buttons/back-to-top.module.scss
index 7eae03b..ba746df 100644
--- a/src/components/molecules/buttons/back-to-top.module.scss
+++ b/src/components/molecules/buttons/back-to-top.module.scss
@@ -6,13 +6,9 @@
height: clamp(#{fun.convert-px(48)}, 8vw, #{fun.convert-px(55)});
padding: 0;
- svg {
- width: 100%;
- }
-
:global {
.arrow-head {
- transform: translateY(30%) scale(1.2);
+ transform: translateX(-9%) translateY(30%) scale(1.2);
transition: all 0.45s ease-in-out 0s;
}