今日は訳あって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ファイルぐちゃぐちゃになりませんか!?
視認性悪くなりませんか!?
慣れたら見やすいのでしょうか?
うーんプログラミングとはなんと奥が深いことか。