大写特定的字体大小

Question

在我实际实施的样式指南中，每当使用字体大小类 text-transform:capitalize 时，我都必须text-2xs 并问自己是否可以在 tailwind.config.js 文件中实现。< /p>

实际上尝试添加类似于 lineHeight 的声明没有运气，并且通过 theme.extend 也不起作用（认为是由于误解）。

到目前为止我的尝试是：

Tailwind 配置：

 [...]
 fontSize: {
      '2xs': ['8.625rem', { lineHeight: '1rem', textTransform: 'capitalize' }],
      xs: ['.75rem', { lineHeight: '1rem' }],
      sm: ['.875rem', { lineHeight: '1rem' }],
 [...]

扩展：

 [...]
 theme: {
    extend: {
      '2xs': 'uppercase',
 [...]

有没有办法实现这样的事情，还是我必须在 tailwind.config.js 之外以另一种方式实现？

感谢您的帮助

Answer 1

也许是一个简单的 css

@screen 2xs {
    body {
        @apply uppercase
    }
}