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