[前端] CSS框架: tailwindcss

tailwindcss 

https://github.com/tailwindlabs/tailwindcss

tailwindcss web

https://tailwindcss.com/

如何評價CSS框架TailwindCSS？

https://www.zhihu.com/question/337939566

還在跟複雜的 CSS 的設定奮鬥嗎？用 Tailwind 來幫你實現真正的高效整潔！

https://5xruby.tw/posts/tailwind-css-plugin/

2021了，你還沒用過 tailwindcss 嗎

https://juejin.cn/post/6927538463768051720

tailwindcss 是一款原子類 css 框架，其盛行代表背後的 css 原則 atomic css 超越開發者廣泛接受的 BEM 命名規則，成為開發者滿意度、關注度最高的 css 原則。tailwindcss 不僅是一個 utility class 的集合。它實際上定義了一個通過以 token list 語法（HTML class）承載的 DSL，用來書寫等價於 CSS/Sass/Less 的樣式聲明。寫到 class 裡的每個 token 其實幾乎就是一個 mixin，在現代化工具鏈支持下，這個 mixin 可以帶參數。每個 mixin 顆粒度可大可小，有一部分做到了和具體值解耦從而可以對接 design token，也有另一部分是純粹的原子類（一個類名等價一條固定的樣式聲明，比如 flex-wrap）。和純原子類的方案的不同之處在於，這種 DSL 已經部分表達了設計上的規約，並且這種規約是可以響應全域更新的。

#tailwindcss, CSS, 框架