Customize

Choose the modules that you need.

Rollups

Rollups consist of all the modules in Pure. There are two rollups available - a regular (responsive) one, and a non-responsive one. Choose that one that's right for your project.

Name URL Size (gzip)
Responsive Rollup http://yui.yahooapis.com/pure/0.5.0/pure-min.css 4.4KB
Non-Responsive Rollup http://yui.yahooapis.com/pure/0.5.0/pure-nr-min.css 4.2KB

Alternate CDNs

The main host for Pure is the Yahoo! CDN where Pure is available over HTTP and individual modules can be combined together in a single combo request. The following table lists alternate CDNs where Pure is hosted.

CDN URL HTTPS Combo
jsDelivr //cdn.jsdelivr.net/pure/0.5.0/pure-min.css Yes Yes
RawGit //cdn.rawgit.com/yui/pure-release/v0.5.0/pure-min.css Yes No
cdnjs //cdnjs.cloudflare.com/ajax/libs/pure/0.5.0/pure-min.css Yes No
OSS MaxCDN //oss.maxcdn.com/libs/pure/0.5.0/pure-min.css Yes No
Staticfile http://cdn.staticfile.org/pure/0.5.0/pure-min.css No No

Note: If the latest version of Pure is not yet on one of the alternate CDNs, please contact them to update to the latest version of Pure: 0.5.0.

Individual Modules

You can also pull in the following modules individually.

Name URL
Base http://yui.yahooapis.com/pure/0.5.0/base-min.css
Buttons http://yui.yahooapis.com/pure/0.5.0/buttons-min.css
Forms (Responsive) http://yui.yahooapis.com/pure/0.5.0/forms-min.css
Forms (Non-Responsive) http://yui.yahooapis.com/pure/0.5.0/forms-nr-min.css
Grids (Responsive) http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css
Menus (Responsive) http://yui.yahooapis.com/pure/0.5.0/menus-min.css
Menus (Non-Responsive) http://yui.yahooapis.com/pure/0.5.0/menus-nr-min.css
Tables http://yui.yahooapis.com/pure/0.5.0/tables-min.css

Combo Handling

Combo handling is a service where one or more modules can be loaded using a single HTTP request. They are essentially dynamic rollups that are cacheable by CDNs.

Here's an example of a Yahoo! CDN combo URL that includes CSS for Base, Grids, and Forms:

<link rel="stylesheet" href="http://yui.yahooapis.com/combo?pure/0.5.0/base-min.css&pure/0.5.0/grids-min.css&pure/0.5.0/forms-min.css">

jsDelivr is an alternative CDN that supports combo handling. Here's an example of a combo URL that includes the same CSS Base, Grids, and Forms as above.

<link rel="stylesheet" href="//cdn.jsdelivr.net/g/pure@0.5.0(base-min.css+grids-min.css+forms-min.css)">

See the jsDelivr combo handler documentation to learn more about its features.

Skinning

Pure comes with a minimalistic style that allows you to customize it with your own CSS. The YUI Skin Builder is a great tool to use if you need help developing a theme. With a single click, the Skin Builder is able to generate all the CSS necessary to theme Pure.

Launch Skin Builder

Contribute on GitHub

Pure is an open-source project under the BSD License. We welcome issues, pull requests, and feedback. Check out our repo on GitHub.