Almond.CSS轻量级 CSS 库
Almond.CSS 是一个轻量级 CSS 库,Almond.CSS 在两个方面提供帮助:它将 CSS 样式规范化,以提供跨浏览器的体验;其次具有添加自定义样式的功能(可以个性化设置)。
演示链接:链接
这个项目的主要目标是:
- 只使用标签:不使用类或ID
- 跨浏览器的兼容性:在所有的浏览器上看起来尽可能的接近
- 易于主题化:使用 CSS 变量和 HSL 颜色
- 具有响应式、可访问性和实用性
- 轻量级:大小限制在 3KB
- 保持简单而优雅
在本地构建和运行
以下是有关如何将此库的代码复制到本地计算机并构建它的说明。 他们使用 npm
,但你可以运行类似的命令 yarn
.
克隆仓库:
git clone https://github.com/alvaromontoro/almond.css.git
进入项目目录(almond.css):
cd almond.css
安装开发依赖:
npm i
通过编译 sass 文件来构建库:
npm run build
这将在 dist 文件夹生成四个文件:
-
almond.css
: 库的原始/可读版本 -
almond.min.css
: 库的缩小版本 -
almond.lite.css
: 没有图标的精简版库 -
almond.lite.min.css
: 精简版+缩小版库
评论