Extesnion Library for YUI Pure CSS (www.purecss.io)
css
@media screen and (max-width:35.5em) {
.pure-hidden-xs {
display: none !important
}
}
@media screen and (min-width:35.5em) and (max-width:47.999em) {
.pure-hidden-sm {
display: none !important
}
}
@media screen and (min-width:48em) and (max-width:63.999em) {
.pure-hidden-md {
display: none !important
}
}
@media screen and (min-width:64em) and (max-width:79.999em) {
.pure-hidden-lg {
display: none !important
}
}
@media screen and (min-width:80em) {
.pure-hidden-xl {
display: none !important
}
}
`
Push & Pull
Boostrap-esque pushing and pulling, to offset columns.
`css
.pure-push-{breakpoint}-{1-24}-{1-24} { }
`
`html
`
Flexbox Grid
Flexbox powered grid.
`html
``