t11hi

hene

tailwindcss について

tailwindcss について

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

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

@apply

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

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

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

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

参考になりそうなページ