FLOCSSでいうutilityについて
FLOCSSでいうutilityは便利なので、たくさん使いたくなってしまいますが、
制作時は良くても、クラス名がたくさんになってしまうと、
CSSがまとまっておらず管理がしにくいという説もあります。
どのような制限をつけて使っていますか?
好き放題使っても問題ないのでしょうか?
例
/* Bottom margin */
.u-mb-0{
margin-bottom: 0 !important;
}
.u-mb-0dot1rem{
margin-bottom: .1rem !important;
}
.u-mb-0dot2rem{
margin-bottom: .2rem !important;
}
.u-mb-0dot3rem{
margin-bottom: .3rem !important;
}
またcompornentはそれ自体にwidthやmarginなどはつけないようですが、
するとすべてutilityで指定するのでしょうか?