add return-to-top anchor

Author: possumbilities

src/page_faqs.php

@@ -226,6 +226,8 @@
 
 </div>
 
+<a href="#main-content-marker" class="return-to-top"><span class="icon-attach fa-angle-up">Return to top</span></a>
+
 <?php endwhile; // end of the loop. ?>
 
 </main>

src/single-faqs-group.php

@@ -119,7 +119,7 @@
 
 </div>
 
-
+<a href="#main-content-marker" class="return-to-top"><span class="icon-attach fa-angle-up">Return to top</span></a>
 
 <?php endwhile; // end of the loop. ?>
 </main>

src/style.css

@@ -559,6 +559,7 @@ main nav.pagination ul li span.current {
   grid-column: 1 / span 7;
   padding: 3em 4em;
   margin-bottom: 4em;
+  z-index: 1000;
 
   background: var(--vocabulary-neutral-color-lighter-gray);
 }
@@ -643,10 +644,54 @@ main nav.pagination ul li span.current {
   margin-top: 0;
 }
 
+.faq-index footer, .faq-page footer {
+  z-index: 1000;
+}
+
 .faq-page .breadcrumbs {
   font-family: 'Source Sans Pro';
 }
 
+.return-to-top {
+  display: inline-block;
+  position: absolute;
+  top: 90%;
+  right: 5%;
+  height: 300%;
+  width: 100px;
+
+  font-family: 'Source Sans Pro';
+}
+
+.return-to-top span {
+  position: fixed;
+  padding-bottom: 5px;
+  border-bottom: 2px solid var(--vocabulary-brand-color-dark-tomato);
+}
+
+.return-to-top span:before {
+  content: '';
+  position: absolute;
+  left: 32%;
+  top: -1em;
+
+  font-size: 2em;
+}
+
+.return-to-top:after {
+  position: absolute;
+  bottom: 5%;
+  left: 0;
+  display: block;
+  content: '';
+  height: 100%;
+  width: 100%;
+  z-index: 500;
+
+  background: white;
+}
+
+
 
 @media (min-width: 1500px) {