feat: add 'back-to-top' link to site footer (#167)

* feat: add 'back-to-top' link to site footer

* add aria-label to link

6 files changed, 24 insertions, 3 deletions

diff --git a/src/iconfont/uEA1C-gdoc_keyborad_arrow_down.svg b/src/iconfont/uEA1C-gdoc_keyborad_arrow_down.svg
new file mode 100644
index 0000000..7b76131
--- /dev/null
+++ b/src/iconfont/uEA1C-gdoc_keyborad_arrow_down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-2.29 -2.29 32.57 32.57"><path d="M3.281 5.36L14 16.079 24.719 5.36 28 8.641l-14 14-14-14z"/></svg>
\ No newline at end of file
diff --git a/src/iconfont/uEA1D-gdoc_keyborad_arrow_up.svg b/src/iconfont/uEA1D-gdoc_keyborad_arrow_up.svg
new file mode 100644
index 0000000..a9f713a
--- /dev/null
+++ b/src/iconfont/uEA1D-gdoc_keyborad_arrow_up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-2.29 -2.29 32.57 32.57"><path d="M24.719 22.64L14 11.921 3.281 22.64 0 19.359l14-14 14 14z"/></svg>
\ No newline at end of file
diff --git a/src/icons/keyborad_arrow_up.svg b/src/icons/keyborad_arrow_up.svg
new file mode 100644
index 0000000..cc52e6e
--- /dev/null
+++ b/src/icons/keyborad_arrow_up.svg
@@ -0,0 +1,5 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 28 28">
+<title>keyboard_arrow_up</title>
+<path d="M24.719 22.64l-10.719-10.719-10.719 10.719-3.281-3.281 14-14 14 14z"></path>
+</svg>
diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index c0606ab..ea3a2cf 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -385,7 +385,7 @@ img {
   word-wrap: break-word;
   border-top: 1px dashed $gray-600;
   padding: $padding-32 0;
-  line-height: 1.5;
+  line-height: 1.5em;
 
   &:first-of-type {
     padding-top: 0;
@@ -446,9 +446,19 @@ img {
   background: var(--footer-background);
   color: var(--footer-font-color);
 
+  .fake-link:hover {
+    background-image: linear-gradient(
+      var(--footer-link-color),
+      var(--footer-link-color)
+    );
+  }
+
   &__item {
-    margin-right: 1em;
     line-height: 2em;
+
+    &--row {
+      margin-right: 1em;
+    }
   }
 
   &__link {
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index 3982c4b..bdcc689 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -50,7 +50,7 @@
   }
 
   .gdoc-footer {
-    &__item {
+    &__item--row {
       width: 100%;
     }
   }
diff --git a/src/sass/_utils.scss b/src/sass/_utils.scss
index e4aeb90..d400f79 100644
--- a/src/sass/_utils.scss
+++ b/src/sass/_utils.scss
@@ -6,6 +6,10 @@
   flex: 1 1 auto;
 }
 
+.flex-25 {
+  flex: 1 1 25%;
+}
+
 .flex-inline {
   display: inline-flex;
 }