<aside> 🗣 AD UI 2.0 引入了原子类，及 Tailwindcss 作为实现工具，从设计规范中衍生出一套原子类规范，解决实际的 PC 端业务问题。

我选择的不是一个技术栈，不是一种书写 CSS 的方式 —— 我选择的是一种现在这个时代最符合我的思维方式，以及 AD UI 开发的未来。

</aside>

1. 基本定义

One Class = One Utility

.mb-8 {
  margin-bottom: 8px;
}

2. 输入

1. 【前期调研】社区讨论、博客文章；
2. 【技术选型】类库对比、官方文档；

【背景】前端在变“厚”，语义层级在上升：

【贬】歪门邪道：

【褒】为什么适合我：

1. 系统化，提升一致性；
2. 浏览器内的响应式设计；
3. 便于调整和维护；
4. 减少命名负担；
5. 工具优先，并非工具唯一。