tailwindの@layer
from
Tailwind CSSのdirectives
tailwindの@layer
https://tailwindcss.com/docs/functions-and-directives#layer
Cascade Layers
と同じイメージかな
@tailwind base
、
@tailwind components
、
@tailwind utilities
に対してのみ使える
CSSを書いて@tailwindに対して拡張を行う
時に使う
上書きもできるし、keyの導入もできるってことか
mrsekut.icon
以下のように書けば、新しいkey
btn-blue
が導入される
code:css
@layer components {
.btn-blue {
@apply bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded;
}
}
https://tailwindcss.com/docs/adding-custom-styles#using-css-and-layer
tailwindの@apply
と併用する