Beginner Tech Blog

Beginner Tech Blog Branding

tailwindメモ

2025/02/02 09:08updated: 2025/02/04 04:47

divide-y

縦方向の要素間にボーダーを追加。親要素 ul とかに指定すると小要素の li に適用される。
親に指定すればいいのでtailwindの毎回同じクラスネーム書くウザい問題を解決してるのかなと思いつつ、親に書くので慣れないと分かりづらい気がする…

line-height

leading-loose とか。
テキストサイズとセットでの指定もできるので、そっちの方が便利そう。

example

text-sm/7

Use font size utilities like text-sm/6 and text-lg/7 to set the font size and line-height of an element at the same time: