自訂

選擇您需要的模組。

Rollups

Rollups 包含 Pure 中的所有模組。有兩個可用的 Rollups - 一個常規(回應式)卷動和一個非回應式卷動。選擇適合您的專案的那個。

名稱網址大小 (gzip)
回應式 Rolluphttps://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css3.5KB
非回應式 Rolluphttps://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-nr-min.css3.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 上的儲存庫