我应该如何在Tailwind的组件中处理响应式断点?
没有使用Tailwind的时候,我习惯将断点声明为scss混合器:
@mixin tablet-portrait {
@media (min-width: 700px) {
@content;
}
}
那么:
@include tablet-portrait {
// whatever
}
我知道Tailwind有响应式实用类可以像md:color-red
一样在内联中使用,但我需要将这些断点抽象为组件,就像上面的例子一样。
我应该如何从Tailwind配置文件中提取出断点信息?
@media screen(md) {...}
。它甚至没有提到@screen
指令。不确定这是否是他们在某个时候将正式化的更改,但如果您正在阅读此答案并且它无法正常工作,那可能就是原因。 - Oli@screen md
)可以正常工作。但是另一个无法正常工作。 - jakub_jo