4
轻量级 CSS 库 Almond.CSS
source link: https://www.oschina.net/p/almond-css
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Almond.CSS首页、文档和下载 - 轻量级 CSS 库 - OSCHINA - 中文开源技术交流社区
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: 精简版+缩小版库
展开阅读全文
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK