Tailwindを触ってみた… | DOGTYPE

Tailwindを触ってみた…

作成日: 2024/09/16 (月)
更新日: 2024/09/22 (日)

今日は訳あってCSSのフレームワークを入れることにした。
というのも、記事一覧でページネーションを利用した際、矢印がバカデカくなってしまった。

思い返せばUdemyの教材で勉強してた時にも同じ現象に悩まされたが…その時は$posts->links('pagination::bootstrap-5')みたいな感じで直した?気がする。
しかし今回はせっかくなのでBootstrapではなくTailwindCSSを使ってみたくなりTailwindCSSをインストール。

…インストールまでは良かったが使い方がさっぱりわからん! え!TailwindってHTML上のclassに記述するの!?CSSファイルを作ってそこに記述するんじゃないの!?
というか俺のミスだろうがTailwindのCSSが反映されない!
npm run buildしても変わらん!

なんやかんやあり今日のところは諦め、生CSSで.w-5 {}にサイズ指定してなんとかなりました。
(Tailwind.blade.phpにclass="w-5 h-5"とあったので無理やり)

俺…思ったのですが、TailwindCSSでスタイル書きまくったらHTMLファイルぐちゃぐちゃになりませんか!?
視認性悪くなりませんか!?
慣れたら見やすいのでしょうか?

うーんプログラミングとはなんと奥が深いことか。