Skip to content

Instantly share code, notes, and snippets.

@emanuelebrivio

emanuelebrivio/pure-hidden.styl

Created February 25, 2016 14:06
Show Gist options
  • Save emanuelebrivio/e50f01159fbc29b4126c to your computer and use it in GitHub Desktop.
Save emanuelebrivio/e50f01159fbc29b4126c to your computer and use it in GitHub Desktop.
Download ZIP
PureCSS Hidden
Raw
pure-hidden.styl
// .pure-hidden-xs
@media screen and (max-width:35.49em)
.pure-visible-sm
display none
.pure-visible-md
display none
.pure-visible-lg
display none
.pure-visible-xl
display none
.pure-hidden-xs
display none
// .pure-hidden-sm
@media screen and (min-width:35.5em) and (max-width:47.99em)
.pure-visible-md
display none
.pure-visible-lg
display none
.pure-visible-xl
display none
.pure-hidden-sm
display none
// pure-hidden-md
@media screen and (min-width:48em) and (max-width:63.99em)
.pure-visible-sm
display none
.pure-visible-lg
display none
.pure-visible-xl
display none
.pure-hidden-md
display none
// pure-hidden-lg
@media screen and (min-width:64em) and (max-width:79.99em)
.pure-visible-sm
display none
.pure-visible-md
display none
.pure-visible-xl
display none
.pure-hidden-lg
display none
// pure-hidden-xl
@media screen and (min-width:80em)
.pure-visible-sm
display none
.pure-visible-md
display none
.pure-visible-lg
display none
.pure-hidden-xl
display none
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment