Skip to content

Instantly share code, notes, and snippets.

@ijy
Created March 20, 2018 12:33
Show Gist options
  • Save ijy/cb1a14237de411cf1a4f22ed68cebb9d to your computer and use it in GitHub Desktop.
Save ijy/cb1a14237de411cf1a4f22ed68cebb9d to your computer and use it in GitHub Desktop.
Tailwind, postcss-import, & cssnext media queries
.c-banner {
...
height: 400px;
outline: 5px solid red;
/* Breakpoints ========================================================= */
@media (--tablet) {
height: 500px;
}
@media (--desktop) {
height: 55vh;
}
}
@import "tailwindcss/preflight";
@import "utils/utils";
@import "components/banner";
@import "tailwindcss/utilities";
@custom-media --phone (min-width: 544px);
@custom-media --tablet (min-width: 768px);
@custom-media --desktop (min-width: 992px);
@custom-media --desktop-lg (min-width: 1200px);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment