YUI Pure CSS Extensions

Extension Library for YUI Pure CSS (www.purecss.io) designed to work purposefully with the default grid.

> Since PureCSS is no longer being maintained, please checkout Hydrogen which has esstentially the same feature coverage as Pure as is being actively maintained!

Responsive Utilities

Allows for hiding/showing content based on media breakpoints

``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

``