没有 UI 妹子的限制,原子化 CSS 的确是爽啊.

[retrocode]

UI 妹子离职,我趁机把项目用原子化 CSS 重构了,爽了一大截啊.

把之前硬性要求还原设计图的边距长宽,类似 151px 之流的全部规范化了,除了字体大小全部偶数整数化,能 15px 绝对不 16px.

整合下来单个 vue 文件 class 最多少了两百多行,再也不用想 class 名了.

[mopig]

> 除了字体大小全部偶数整数化,能 15px 绝对不 16px

这是写错了🤔

[shpkng]

妹子走了居然还爽？
什么公司啊，这么奢侈

[love]

的确，15px 比 16px 好看，16 太大了些

[retrocode]

@mopig 大意了 ORZ,大概是这个意思,今天满脑子都是字体大小

[Rache1]

😒 我司设计，说了好多次，移动端不能小于 12px，但是拿到图还老是有，以前做出来说不对，后面就不解释了，他们也就不提了

[falcon05]

不是应该用偶数吗？居中的时候除于 2 得到整数

[fernandoxu]

原子化是啥？

[henvm]

@fernandoxu 不需要妹子化

[dk7952638]

tailwind?

[anguiao]

没用以前我嗤之以鼻，用完直呼真香

[Rocketer]

我严重怀疑妹子是被你挤兑走的，注孤生！

[slert]

原子化 css 也不知道是前进还是倒退 这样看 html 完全不知道哪个是哪个了吧
不过不用想名字是真的很爽

[chengxy]

@slert #12 假如是 tailwindcss，@apply 还是得想名字。。

[retrocode]

@slert 不过调样式的话，省的来回切了，我目前的体会是简单的布局挺方便，硬性要求像素级还原的话，组件化更方便些，因为有时候 UI 的设计是真的没有什么全局化的考虑各种数据根本没法规范化

[retrocode]

@Rocketer 不至于不至于，谁人不喜欢 UI 妹子呢

[retrocode]

@dk7952638 不是，我参考 tailwind 自己用 scss 搞了一套自用

[QingStone]

@retrocode #16 强啊！大佬！能开源吗？😝

[edinina]

作为 UI 表示对像素值有绝对的强迫症，有时候前端和开发不按规范做就烦躁的很

[Valid]

字体大小能偶数绝不奇数的给我点赞

[wdhwg001]

你们……真的不知道为啥 UI 都要尽量取 4px 甚至是 8px 的倍数吗？
因为 4px 的倍数在 125% 150% 175%这种奇葩 DPI 下依然是点对点的，而 8px 的倍数则可以确保大多数桌面比例下不会出问题。
在没有可靠的 pt 的排版系统里，4 和 8 几乎就是原则了，这其中唯一的例外应该就是字体大小不需要强制 4 和 8 了。