[opt] banner

scripts/tags/lib/banner.js

@@ -25,9 +25,9 @@ module.exports = ctx => function(args, content) {
     el += `<div></div>`
   } else {
     el += `
-    <a class="back cap" href="${url_for(ctx.config.root)}">
+    <button class="back cap" onclick="window.history.back()">
       <svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M7.78 12.53a.75.75 0 01-1.06 0L2.47 8.28a.75.75 0 010-1.06l4.25-4.25a.75.75 0 011.06 1.06L4.81 7h7.44a.75.75 0 010 1.5H4.81l2.97 2.97a.75.75 0 010 1.06z"></path></svg>
-    </a>
+    </button>
     `
   }
   

source/css/_layout/tag-plugins/banner.styl

@@ -44,6 +44,8 @@
             color: white
             background: rgba(white, 0.25)
       .back
+        background: none
+        padding: 0
         line-height: 0
         visibility: hidden
         @media screen and (max-width: $device-mobile-max)
@@ -97,3 +99,8 @@
       font-size: 1.2rem
     .subtitle
       font-size: $fs-14
+
+.tag-plugin.banner:hover
+  img.bg
+    transform: scale(1.01)
+    trans1(transform, 2s)