Tailwind CSS の一歩進んだ書き方

-## CSS カスタムプロパティ +## CSS カスタムプロパティの宣言 +## CSS カスタムプロパティの利用 + +```html:html +<h1 class="px-[--gutter]"> + Hello world! +</h1> +``` + +`px-[var(--gutter)]` のように記述することもできますが、`var()` は省略可能です。 -<h1 class="text-[length:var(--title-size)] text-[color:var(--title-color)]"> +<h1 class="text-[length:--title-size] text-[color:--title-color]"> +## フォントサイズと一緒に行の高さを指定するショートハンド + +```html:html +<h1 class="text-

[Fushihara]

これstyleタグ直書きするのと何が違うの

[hachibeechan]

高度に発達したclassNameはCSSと見分けがつかない

[murlock]

ぐう、調べれば調べるほどTailwind嫌いになっていく

[ustam]

Tailwindって、デザインシステムの放棄って感じで好きになれないんだよなー。ていうか、早く消えて。

[takahashim]

https://scrapbox.io/fsubal/%E9%80%B8%E8%84%B1%E4%BA%8B%E4%BE%8B%E3%82%92%E5%90%AB%E3%82%81%E3%81%A6%E3%81%99%E3%81%B9%E3%81%A6%E3%82%92%E3%83%AC%E3%83%BC%E3%83%AB%E3%81%AB%E4%B9%97%E3%81%9B%E3%82%8B とはいえやりすぎ注意でtailwind.config.jsに書いた方が良いこともありそう

[rrttaa]

“状態によってスタイルを変える ”

[field_combat]

こんなことできるよっていうメモ用として。作り捨てならいいけど、運用すること考えると厳しいかな

[y-kawaz]

Tailwind CSS、もう何が嬉しいのか分からなくなってきた。>とかafter:とかが使えるstyle属性みたいなのを実現する為の新方言を開発してる？？

[otchy210]

"メンテナンスコストも減る" …!?!? 自由度の高さとメンテナンスコストは普通トレードオフだと思うが、どんな理屈でメンテナンスコストが減るのよ…？

[yasu-log]

Tailwind CSSだと子要素「>」や「after」へ指定できる。style属性だとできない。

[razokulover]

子要素とか子孫要素への一括指定、style直書きっぽさある