Skip to content

Instantly share code, notes, and snippets.

@pryley
Last active Aug 5, 2020
Embed
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' : '' }}">
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment