sprucecss

Spruce CSS 是一个基于 Sass 构建的开源 CSS 设计系统和框架。它通过 npm 分发并采用 MIT 许可证，将其定位为可添加到项目中的底层基础，而非一个完整的组件库。 README 和文档中描述的特点如下： - 基于 Sass 的工具集：该框架围绕 Sass 变量、混入（mixins）和函数构建，并采用了 Sass 模块系统，使用带有命名空间的 @use 进行导入。 - 较小的实用类范围：它刻意仅依赖于少数经典的实用类，且根据 README，不包含传统的网格系统。项目指出该框架相对较小（gzipped 后约 7 KB），代码库精简，学习曲线较低。 - 面向 CSS 作者：作者将 Spruce 视为那些倾向于编写 CSS 而非组合大量标记实用类的人员的理想选择，将其描述为他们在不同项目之间手动迁移的代码。 - 主题化：主题使用 CSS 自定义属性构建，并包含对暗黑模式的支持；其他颜色主题也可以通过同样的方式创建。 - 工具与输出分离：生成的 CSS 与框架保持分离，因此可以在不引入生成样式的情况下使用变量、混入和函数。 - 文档主题：文档涵盖了可访问性与包容性、国际化和打印，以及自定义、Sass 基础，以及排版、表格、按钮、表单和媒体的元素页面。 - 组件独立存在：即插即用的 UI 组件在独立项目 Spruce UI 中维护，而非在核心框架内部。 入门指南：README 指向 sprucecss.com 文档（特别是安装页面），并指出对于现有 Sass 用户来说，主要变化是采用了较新的模块系统。配套的 Eleventy 启动模板 (sprucecss-eleventy-starter) 提供了一个带有基础编译设置的样板。此外还列出了两个模板：Spruce Docs（使用 Eleventy 制作的文档模板）和 Root（一个包含标准视图和许多组件的管理模板）。 文档与贡献：完整文档托管在 sprucecss.com 并由独立仓库维护，文档中包含贡献指南。README 还链接到了 GitHub release、npm 包和测试工作流，并提到了项目自身资产中使用的亮色/暗色 logo。