{% if site.data.dev.dev_mode %}
    <div class="fixed pin-t pin-l bg-black text-white rounded-br p-2 opacity-50">
        <span class="sm:hidden">&lt; sm</span>
        <span class="sm-md:block hidden">sm-md</span>
        <span class="md-lg:block hidden">md-lg</span>
        <span class="lg-xl:block hidden">lg-xl</span>
        <span class="xl:block hidden">&gt; xl</span>
    </div>
{% endif %}
