Skip to content

Instantly share code, notes, and snippets.

Last active Aug 5, 2020
What would you like to do?
[tailwindcss] Display screen breakpoints on the local environment
body.debug::before {
@apply .bg-gray-900;
@apply .fixed;
@apply .font-mono;
@apply .leading-none;
@apply .left-0;
@apply .pointer-events-none;
@apply .px-2;
@apply .py-1;
@apply .text-white;
@apply .top-0;
@apply .uppercase;
content: 'ba';
font-size: 10px;
z-index: 999999;
@screen sm {
content: 'sm';
@screen md {
content: 'md';
@screen lg {
content: 'lg';
@screen xl {
content: 'xl';
@screen hd {
content: 'hd';
<body class="{{ environment == 'local' ? 'debug' : '' }}">
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment