这个项目能做什么
Sakura 是一个极简的无类 CSS 框架与主题。其核心理念是:只需将一份样式表放入任意网页,现有的纯 HTML 就能立刻呈现出美观、易读的效果,无需在标记中添加任何类名。
主要特点:
- 无类:样式直接应用于标准 HTML 元素,因此可用于现有内容以及由 Markdown 解析器生成的 HTML。
- 快速原型设计:适用于以后端为主的网站、小型博客或不想折腾 CSS 的页面。
- 合理的默认值:被描述为一组合理的默认样式,而非庞大的设计系统。
- 主题:颜色通过双色调方案中的变量控制(一种花色和一种淡色,外加背景色、备用背景色和文字颜色)。css 文件夹中附带多款现成主题,也可以通过覆盖 SCSS 变量并导入主文件来构建自定义主题。
- 深色模式:可以借助 prefers-color-scheme 通过 media 属性加载单独的深色样式表。
- 书签小工具:提供一个书签小工具,可将 Sakura 应用于没有 CSS 的现有网站。
README 中记录的安装方式:
- CDN:在 head 标签中链接来自 jsDelivr 的样式表。
- 手动:下载 sakura.css 并在本地链接。
- 包管理器:npm install sakura.css 或 yarn add sakura.css。
- 可选但推荐:在 Sakura 之前引入 normalize.css。
README 中链接了一个实时演示,对比使用与不使用 Sakura 的页面,还链接了一个使用它的博客,以及一长串据报告使用它的网站。它还注明了书签小工具、图片和 Vite 预览的贡献者,并邀请用户报告使用情况或提交拉取请求。
评论
0 人表达喜爱 · 满10人后显示 Deer Point
登录后参与讨论。