顺风2.x响应纵横比自定义插件

Question

我在这里创建了一个新的实用程序插件：https://play.tailwindcss.com/SwA5mjOUtl?file=config

我的问题是，我如何定制它，让它响应？

所需的类在结束时应该像这样工作：

class="aspect-3/4 md:aspect-4/3"

Answer 1

您应该像使用class="my-aspect-3/4 md:my-aspect-4/3"一样使用它，因为它是在注册期间命名的。

'my-aspect': (value) => ({
   'aspect-ratio': value
}),

如果您希望使用aspect-4/3，请分别命名

'aspect': (value) => ({
   'aspect-ratio': value
}),

此外，还有一个用于此的插件 --它应该与Tailwind v2一起工作。