Almond.CSS輕量級(jí) CSS 庫(kù)

Almond.CSS 是一個(gè)輕量級(jí) CSS 庫(kù)，Almond.CSS 在兩個(gè)方面提供幫助：它將 CSS 樣式規(guī)范化，以提供跨瀏覽器的體驗(yàn)；其次具有添加自定義樣式的功能（可以個(gè)性化設(shè)置）。

演示鏈接：鏈接

這個(gè)項(xiàng)目的主要目標(biāo)是：

• 只使用標(biāo)簽：不使用類(lèi)或ID
• 跨瀏覽器的兼容性：在所有的瀏覽器上看起來(lái)盡可能的接近
• 易于主題化：使用 CSS 變量和 HSL 顏色
• 具有響應(yīng)式、可訪問(wèn)性和實(shí)用性
• 輕量級(jí)：大小限制在 3KB
• 保持簡(jiǎn)單而優(yōu)雅

在本地構(gòu)建和運(yùn)行

以下是有關(guān)如何將此庫(kù)的代碼復(fù)制到本地計(jì)算機(jī)并構(gòu)建它的說(shuō)明。 他們使用 npm，但你可以運(yùn)行類(lèi)似的命令 yarn.

克隆倉(cāng)庫(kù)：

git clone https://github.com/alvaromontoro/almond.css.git

進(jìn)入項(xiàng)目目錄（almond.css）：

cd almond.css

安裝開(kāi)發(fā)依賴：

npm i

通過(guò)編譯 sass 文件來(lái)構(gòu)建庫(kù)：

npm run build

這將在 dist 文件夾生成四個(gè)文件：

• almond.css: 庫(kù)的原始/可讀版本
• almond.min.css: 庫(kù)的縮小版本
• almond.lite.css: 沒(méi)有圖標(biāo)的精簡(jiǎn)版庫(kù)
• almond.lite.min.css: 精簡(jiǎn)版+縮小版庫(kù)