カードの見た目はクラス名だけで決まっています。書いているのは構造と、余白・配置のユーティリティだけです。

新着 無料

クラス名だけで形が決まる

カードの枠線・角丸・内側の余白は、あらかじめ決められています。設計せずに済むぶん速く出せます。

詳しく見る
残りわずか

中身の量が違っても下端が揃う

このカードは説明文が短いですが、h-100 と mt-auto のおかげでボタンの位置は隣と揃います。

詳しく見る
対応済み CC0

色の名前は6種類に決まっている

primary / secondary / success / danger / warning / info。この語彙で色を指定するので、配色を毎回決め直す必要がありません。

詳しく見る
直近の更新

ユーティリティの命名は規則的です。m が margin、p が padding、続く t/b/s/e/x/y が方向、最後の数字が 0〜5 の刻み。mt-auto のように auto も使えます。