![](https://emos.plurk.com/fe8f7561083d8467f6a2199015dd54c8_w48_h48.gif)
![](https://avatars.plurk.com/6843666-medium50386972.gif)
Lastor
coding 用 WindiCSS 切了幾個區塊,配合 VScode 延伸工具,真的切得很爽,比 TailwindCSS 要爽多了
![](https://emos.plurk.com/fe8f7561083d8467f6a2199015dd54c8_w48_h48.gif)
![](https://avatars.plurk.com/6843666-medium50386972.gif)
Lastor
只是少了 Sass 那套自定義 function 跟 mixin,不太習慣。還不知道 WindiCSS 有沒有辦法實現類似操作
![](https://avatars.plurk.com/6843666-medium50386972.gif)
Lastor
笑了,被迫取了一個檔名叫 page.css.html 的鬼東西
![](https://emos.plurk.com/45f99d91a542d8cea444342e8e3ee298_w48_h48.gif)
![](https://avatars.plurk.com/6843666-medium50386972.gif)
Lastor
用這種原子化 CSS 方案,難免還是會碰到長的一樣的 UI 要共用一組 CSS,WindiCSS 支持用傳統方式拉成一個 class name 來編譯
![](https://avatars.plurk.com/6843666-medium50386972.gif)
Lastor
但神奇的是 WindiCSS CLI 認得出在 .html 上的 <style> 內容,卻認不出在 .css 裡面的設定
![](https://avatars.plurk.com/6843666-medium50386972.gif)
Lastor
查半天找不到為何,翻文件也沒看到像是設定這個的玩意,只好另外開一個 .html 去專門放這組 CSS 了
![](https://emos.plurk.com/c94f0f90b8c24bd46b88b7127024b128_w48_h48.gif)