首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将特定字体大小大写

将特定字体大小大写
EN

Stack Overflow用户
提问于 2021-03-26 17:58:56
回答 1查看 30关注 0票数 1

在styleguide中,我实际实现了每当使用字体大小类text-2xs时都必须执行text-transform:capitalize,并问自己,是否可以在tailwind.config.js文件中以某种方式实现。

实际上试图添加类似于lineHeight的声明,但没有运气,也是通过theme.extend没有工作(我想是因为误解)。

到目前为止,我的尝试是:

顺风配置:

代码语言:javascript
运行
复制
 [...]
 fontSize: {
      '2xs': ['8.625rem', { lineHeight: '1rem', textTransform: 'capitalize' }],
      xs: ['.75rem', { lineHeight: '1rem' }],
      sm: ['.875rem', { lineHeight: '1rem' }],
 [...]

扩展:

代码语言:javascript
运行
复制
 [...]
 theme: {
    extend: {
      '2xs': 'uppercase',
 [...]

有没有办法实现这样的事情,或者我必须在tailwind.config.js之外以另一种方式来实现

感谢你在这里的帮助

EN

回答 1

Stack Overflow用户

发布于 2021-03-26 19:46:16

也许是一个简单的css,比如

代码语言:javascript
运行
复制
@screen 2xs {
    body {
        @apply uppercase
    }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66814686

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档