Skip to main content

Create Utility First CSS library for your project faster and easier.

适合的才是最好的！github

SACSS
Static Atomic CSS
1<div class="bc_fff pt16 pb16 pl16 pr16 dif br8">
2  <img class="mr8 w48 h48" src="./logo.svg"/>
3  <dl class="f1 fs14 c_000">
4    <dt class="fw700 fs16">SACSS</dt>
5    <dd>Static Atomic CSS</dd>
6  </dl>
7</div>

React  -  VUE  -  Svelte  -  Figma  -  CSS  -  RN  

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sacss/index.min.css" />
如此引入， 即刻开始

无依赖

只需要引入一个 CSS 文件，即可使用大部分的功能，甚至并不需要任何的构建工具

原子化

只需要专注在 HTML 就可以开发大部分网页样式，就像 Tailwind CSS

简单

我们没有发明庞大且让人迷惑的 Class 名字，只有屈指可数的命名规则

渐进增强

我们提供了 SASS，LESS mixin 帮助你更快的创建自定义代码（可选的）

更少，更快

这套命名规则让你写的代码就已经是压缩状态，意味着你可以写更少的代码做更多的事

设计转代码

我们还提供了一个 Figma 插件，帮你从设计稿中直接获取 SACSS 代码