Almond.CSS轻量级 CSS 库

联合创作 · 2023-09-23 23:02

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: 精简版+缩小版库
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报