タグ

ブックマーク / www.ushironoko.me (1)

  • TailwindCSSのapplyは何が悪いのか

    Tailwind CSS には @apply という機能がある。ユーティリティクラスをカスタムクラスの内部に「展開」するというものだ。例えば以下のようにできる。 .custom-class { max-height: 350px; &:before, &:after { content: ''; @apply block sticky left-0 right-0 -mt-2 pb-3; } } これはビルドするとこうなる。 .custom-class { max-height: 350px; } .custon-class:before, .custon-class:after { content: ''; position: -webkit-sticky; position: sticky; left: 0px; right: 0px; margin-top: -16px; displ

    TailwindCSSのapplyは何が悪いのか
    karur4n
    karur4n 2023/04/21
  • 1