FLOCSSとTailwindCSSインスパイア系のお話しです。
双方の良いところ取りをした（つもりの）、緩め、軽めのCSS設計です。
どちらも使うのでHALFLOCSSと呼んでみます。

本家の解説はせず差分のみ解説しているため、FLOCSSの理解がある程度無いと難しい内容だと思います。

自前でレスポンシブな汎用クラスを用意したい方はfoundation、utilityの章を見てみてください。

<a href="https://github.com/kzk-k/halfloccs" target="_blank" rel="nofollow noopener noreferrer">https://github.com/kzk-k/halfloccs</a>

FLOCSSとTailwindCSSインスパイア系のお話しです。
双方の良いところ取りをした（つもりの）、緩め、軽めのCSS設計です。
どちらも使うのでHALFLOCSSと呼んでみます。

本家の解説はせず差分のみ解説しているため、FLOCSSの理解がある程度無いと難しい内容だと思います。

自前でレスポンシブな汎用クラスを用意したい方はfoundation、utilityの章を見てみてください。

https://github.com/kzk-k/halfloccs

FLOCSSにユーティリティファーストを混ぜてみた

はじめに

HALFLOCSSとは

foundation

layout

component

project

utility

おわりに

html

scss

tailwindcss