如何在自定义 css 类中使用 tailwindcss 颜色？

Question

我可以使用预定义的tailwind类在 HTML 中设置颜色，例如：

<div class="border border-purple-500"></div>

但我也想在我的自定义 CSS 中使用相同的颜色，例如：

.my-class {
    border: 1px solid $purple-500;
}

是否可以在CSS中获取顺风颜色值？

Answer 1

这是。您可以使用theme() 指令。

.my-class {
    border: 1px solid theme('colors.purple.500');
}

或通过@apply

.my-class {
    @apply border border-purple-500;
}