fix: styles

layout/_partial/ayer.ejs

@@ -2,7 +2,7 @@
 <section class="cover">
     <% if (theme.github && theme.github.url){ %>
       <%# "GitHub Ribbons" %>
-      <a class="forkMe" style="position:absolute;z-index:999;top:0;right:0" href="<%=theme.github.url%>"
+      <a class="forkMe" href="<%=theme.github.url%>"
         target="_blank"><img width="149" height="149" src="<%- url_for('images/forkme.png') %>"
           class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1"></a>
     <% } %>

source/css/_partial/layout.styl

@@ -10,6 +10,11 @@
   padding 0
   margin-bottom 3rem
   text-align center
+  .forkMe
+    position absolute
+    z-index 999
+    top 0
+    right 0
 
 .content, .sidebar
   transition(transition-base)
@@ -88,6 +93,9 @@
       transform: none
 
 @media (max-width: 768px)
+  .cover
+    .forkMe
+      display none
   .content
     &.on
       margin-left -1px !important