Build Files

Now, all Pure CSS files should be built into the pure/build/ directory. All
files that are in this build directory are also available on the CDN. The naming
conventions of the files in the build/ directory follow these rules:

[module]-core.css: The minimal set of styles, usually structural, that
provide the base on which the rest of the module’s styles build.

[module]-nr.css: Rollup of [module]-core.css + [module].css +
[module]-[feature].css from the src/[module]/ dir. This is the
non-responsive version of a module.

[module].css: Rollup of [module]-nr.css + [module]-r.css from the
build/ dir. This is the responsive version of a module.

*-min.css: A minified file version of the files of the same name.

pure.css: A rollup of all [module].css files in the build/ dir. This is
a responsive roll-up of everything, non-minified. Note: does not contain responsive grids with @media queries.

pure-min.css: Minified version of pure.css that should be used in
production.

pure-nr.css: A Rollup of all modules without @media queries. This is a
non-responsive roll-up of everything, non-minified.

pure-nr-min.css: Minified version of pure-nr.css that should be used in
production.

grids-responsive.css: Unminified version of Pure’s grid stylesheet which
includes @media queries.

grids-responsive-min.css: Minified version of grids-responsive.css that
should be used in production.

Browser Support and Testing

Pure is tested and works in:

IE 8+

Latest Stable: Firefox, Chrome, Safari

iOS 6-8

Android 4.x

Docs and Website

Pure’s website is also open source, so please open any issues or pull
requests for the docs and website over at the pure-site
repository.