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 | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css | 3.5KB |
| Non-Responsive Rollup | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-nr-min.css | 3.3KB |
Alternate CDNs
The main host for Pure is the jsDelivr CDN where Pure is available over HTTPS. The following table lists alternate CDNs where Pure is hosted.
| CDN | URL | HTTPS | Combo |
|---|---|---|---|
| cdnjs | //cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/build/pure-min.css | Yes | Yes |
| KeyCDN | //opensource.keycdn.com/pure/3.0.0/pure-min.css | Yes | No |
| OSS MaxCDN | //oss.maxcdn.com/libs/pure/3.0.0/pure-min.css | Yes | No |
| RawGit | //cdn.rawgit.com/pure-css/pure-release/v3.0.0/pure-min.css | Yes | No |
| Staticfile | //cdn.staticfile.org/pure/3.0.0/pure-min.css | Yes | 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: 3.0.0.
Individual Modules
You can also pull in the following modules individually.
| Name | URL |
|---|---|
| Base | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/base-min.css |
| Buttons | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/buttons-min.css |
| Forms (Responsive) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/forms-min.css |
| Forms (Non-Responsive) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/forms-nr-min.css |
| Grids (Base) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-min.css |
| Grids (Responsive) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-responsive-min.css |
| Menus (Responsive) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/menus-min.css |
| Tables | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/tables-min.css |
Combo Handling
jsDelivr is also a 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/combine/npm/purecss@3.0.0/build/base-min.css,npm/purecss@3.0.0/build/grids-min.css,npm/purecss@3.0.0/build/forms-min.css" />See the jsDelivr combo handler documentation to learn more about its features.
Using Pure with Google AMP
Google's Accelerated Mobile Pages (AMP) allow web pages to get pre-rendered on Google at the cost of restrictions on JS and CSS, such as completely inlining all styles rather than using stylesheets in external files such as those hosted at the CDNs mentioned above.
Furthermore, AMP disallows some CSS functionality. In Pure, the only bit currently used disallowed by AMP is '!important', currently used in the definition of the '.hidden' helper class. Removing this modifier should suffice to render Pure usable with AMP.
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.