tailwindcss について

Tailwind CSS - A Utility-First CSS Framework for Rapidly Building Custom Designs

他プロジェクトで使ってよかったので、新規のプロジェクトでもとりあえず入れてみている。

@apply

@apply を使うと、tailwindcss の複数のクラスをまとめて利用できる。

• Functions & Directives - Tailwind CSS

.Top__title {
  @apply text-3xl font-bold mb-5;
}

上の書き方、便利だなーと思ってたけど、よく考えたら tailwindcss 使わずに普通に CSS 書いているのと変わらない気がしてきた。

• tailwindcss の書き方覚えるより、 CSS をそのまま書いた方が勉強になりそう

参考になりそうなページ

• tailblocks — Ready-to-use Tailwind CSS blocks
• サイドバー
  • tailwindtoolbox/Sidebar-Bottom: Tailwind CSS Starter Template - Sidebar Bottom