Rollups
Rollups 包含 Pure 中的所有模組。有兩個可用的 Rollups - 一個常規(回應式)卷動和一個非回應式卷動。選擇適合您的專案的那個。
名稱 | 網址 | 大小 (gzip) |
---|---|---|
回應式 Rollup | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css | 3.5KB |
非回應式 Rollup | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-nr-min.css | 3.3KB |
備用 CDN
Pure 的主要主機是 jsDelivr CDN,Pure 可在 HTTPS 上使用。下表列出 Pure 所儲存的備用 CDN。
CDN | 網址 | HTTPS | 組合 |
---|---|---|---|
cdnjs | //cdnjs.cloudflare.com/ajax/libs/pure/3.0.0/build/pure-min.css | 是 | 是 |
KeyCDN | //opensource.keycdn.com/pure/3.0.0/pure-min.css | 是 | 否 |
OSS MaxCDN | //oss.maxcdn.com/libs/pure/3.0.0/pure-min.css | 是 | 否 |
RawGit | //cdn.rawgit.com/pure-css/pure-release/v3.0.0/pure-min.css | 是 | 否 |
Staticfile | //cdn.staticfile.org/pure/3.0.0/pure-min.css | 是 | 否 |
備註:如果 Pure 的最新版本尚未出現在任何備用 CDN 上,請與他們聯繫以更新至 Pure 的最新版本:3.0.0。
個別模組
您也可以個別拉入以下模組。
名稱 | 網址 |
---|---|
基本 | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/base-min.css |
按鈕 | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/buttons-min.css |
表單(回應式) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/forms-min.css |
表單(非回應式) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/forms-nr-min.css |
格線(基本) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-min.css |
格線(回應式) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-responsive-min.css |
選單(回應式) | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/menus-min.css |
表格 | https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/tables-min.css |
組合處理
jsDelivr 也是支援組合處理的 CDN。以下是包含與上面相同的 CSS 基本、格線 和 表單 的組合網址範例。
<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" />
查看 jsDelivr 組合處理器文件 以了解其功能的更多資訊。
在 Google AMP 中使用 Pure
Google 的 Accelerated Mobile Pages (AMP) 允許網頁在 Google 上預先呈現,但代價是限制了 JS 和 CSS 的使用,例如完全內嵌所有樣式,而不是使用上述 CDN 所儲存的外接檔案的樣式表。
此外,AMP 不允許使用某些 CSS 功能。在 Pure 中,目前唯一遭到 AMP 禁止使用的時段為「!important」,目前用於定義「.hidden」幫助員類別。移除此修改器就足以讓 Pure 可用於 AMP。
在 GitHub 上貢獻
Pure 是根據 BSD 授權條款的開源專案。我們非常歡迎相關問題、提交請求和回饋意見。前往我們的 GitHub 上的儲存庫。