1. dan mackinlay
  2. tinkerer

Commits

Vlad Riscutia  committed 70aef0d

Add media query for Tinkerer blog to hide Fork me on small screens

  • Participants
  • Parent commits 3757ea5
  • Branches html5

Comments (0)

Files changed (1)

File blog/_templates/page.html

View file
-{% extends "!page.html" %}
+{%- extends "!page.html" -%}
 
-{% set script_files = script_files + ["_static/google_analytics.js"] %}
+{%- set script_files = script_files + ["_static/google_analytics.js"] -%}
 
-{% block footer %}
+{%- block extrahead -%}
+<style media="screen" type="text/css">
+    #fork_me { display: none; }
+
+    @media only screen and (min-width: 768px) {
+        #fork_me { display: inline; }
+    } 
+</style>
+{%- endblock -%}
+
+{%- block footer -%}
     {{ super() }}
-    <a href="http://bitbucket.org/vladris/tinkerer">
+    <a id="fork_me" href="http://bitbucket.org/vladris/tinkerer">
         <img alt="Fork me" src="{{ pathto('_static/fork_me.png', 1) }}" style="position: fixed; top: 0; right: 0; border 0"></img>
     </a>
-{% endblock %}
+{%- endblock -%}