Use feather-icon for back-to-top-button

2018-03-07 20:54:41 +10:00
parent 2a469b9427
commit 2f32e99fb7
6 changed files with 22 additions and 15 deletions
--- a/src/css/components/back-to-top-button.scss
+++ b/src/css/components/back-to-top-button.scss
@ -3,7 +3,6 @@
  justify-content: center;
  align-items: center;
  cursor: pointer;
-  font-size: 2rem;
  font-weight: bold;
  background: white;
  width: 4rem;
@ -20,6 +19,7 @@
  z-index: 1;
  border: 1px solid rgba(0, 32, 128, 0.1);
  outline: 0;
+  color: inherit;

  &:hover,
  &:focus {
@ -37,4 +37,9 @@
    visibility: visible;
    opacity: 1;
  }
+
+  .feather {
+    width: 2rem;
+    height: 2rem;
+  }
 }