Skip to content

Instantly share code, notes, and snippets.

@praveenjuge

praveenjuge/tailwind-debug.html

Created December 11, 2020 11:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save praveenjuge/21ad1f87616db5bdb11084e6a31c89f2 to your computer and use it in GitHub Desktop.
Save praveenjuge/21ad1f87616db5bdb11084e6a31c89f2 to your computer and use it in GitHub Desktop.
Download ZIP
Tailwind Screen Size Debug for Hugo
Raw
tailwind-debug.html
{{ if .Site.IsServer }}
<div class="fixed p-3.5 bottom-3.5 left-3.5 rounded text-sm font-bold bg-white border" aria-hidden="true">
<span class="sm:hidden">XS</span>
<span class="hidden sm:block md:hidden">SM</span>
<span class="hidden md:block lg:hidden">MD</span>
<span class="hidden lg:block xl:hidden">LG</span>
<span class="hidden xl:block 2xl:hidden">XL</span>
<span class="hidden 2xl:block">2XL</span>
</div>
{{ end }}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment