您现在的位置是:首页 > 文章详情

Almond.CSS —— 轻量级 CSS 库

日期:2022-03-22点击:463

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: 精简版+缩小版库
原文链接:https://www.oschina.net/p/almond-css
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章