tainwind css で @apply

css で @apply

app.css

@import "@fortawesome/fontawesome-free/css/all.css";
@import "my.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

my.css

@layer utilities {
    .txt-wrap-all{
        @apply text-wrap break-all;
    }
}

これ、どういう仕組なんだ。@tailwind utilities;かな？@apply

調べたら、@apply は tainwindcss 由来だった。

@apply は、あくまで Tailwind CSS 固有機能でした。 純粋な CSS や SCSS には使用できない。Tailwind CSS を使用するプロジェクトでのみ有効であると。

CSSのプロパティ値を追加したりできるので、便利そうだから他で使いたかったんだけど。このためだけに、Tailwind導入するのもちょっと