Switched to SVG for back to top arrow.

neogeek · neogeek · commit 462537cd2838 · 2014-08-17T18:16:58.000-04:00
diff --git a/templates/bootstrap.hbs b/templates/bootstrap.hbs
@@ -16,10 +16,10 @@
 
 .back-to-top a {
     display: block;
-    padding: .5em;
+    padding: .5em .5em .5em 1.3em;
     line-height: 1em;
     border-radius: .25em;
-    background-color: #fff;
+    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxM3B4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxMyAxNCI+CiAgICA8cGF0aCBkPSJNNy4xODc2MTE1NiwxMyBMNy4xODc2MTE1Niw1LjQ5MjQ5NzAzIEwxMC40NTg3ODUzLDUuNDkyNDk3MDMgTDUuMDk5MzE3NjMsMC4xMTM1NTgxMjkgTC0wLjI2MDE1LDUuNDkyNDk3MDMgTDMuMDExMDIzNzEsNS40OTI0OTcwMyBMMy4wMTEwMjM3MSwxMyBMNy4xODc2MTE1NiwxMyBaIiBmaWxsPSIjNDI4YmNhIj48L3BhdGg+Cjwvc3ZnPgo=) no-repeat .25em center;
 }
 
 .menu {
@@ -81,7 +81,7 @@ pre .hljs {
 
 <body>
 
-<div class="back-to-top"><a href="#">⬆ Back to Top</a></div>
+<div class="back-to-top"><a href="#">Back to Top</a></div>
 
 <div class="wrap">
 
diff --git a/templates/⬆.svg b/templates/⬆.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="13px" height="14px" viewBox="0 0 13 14">
+    <path d="M7.18761156,13 L7.18761156,5.49249703 L10.4587853,5.49249703 L5.09931763,0.113558129 L-0.26015,5.49249703 L3.01102371,5.49249703 L3.01102371,13 L7.18761156,13 Z" fill="#428bca"></path>
+</svg>
