LOYALIST-34 Update scroll top button selector, adjust layout

unb-libraries · Oct 31, 2024 · a82f922 · a82f922
1 parent 1ae6d3e
commit a82f922
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/custom/themes/the_loyalist_collection/src/scss/overrides/_scroll.top.button.scss b/custom/themes/the_loyalist_collection/src/scss/overrides/_scroll.top.button.scss
@@ -1,7 +1,11 @@
-#scrollTopButton-image {
-  background-size: cover;
+#scrollUp {
   bottom: $spacer * 1.5;
   right: $spacer * 1.5;
-  width: $spacer * 3;
-  height: $spacer * 3;
+  opacity: 0.6;
+  transition: opacity $transition-speed-default $transition-timing-default;
+
+  &:focus,
+  &:hover {
+    opacity: 1;
+  }
 }