我想创建这样的主题:
extendTheme({
textStyles: {
title: {
fontSize: "40px",
fontWeight: "500",
letterSpacing: '-0.6px',
lineHeight: '48px'
}
},
transition: {
custom: {
property: 'transform',
duration: '0.5s',
easing: 'ease-in-out'
}
}
})
然后就像使用我的过渡一样
<Box textStyle={'title'} transition={'custom.transform'} /* or transition='custom', whatever */>
或类似的东西,但我不能像在jsx中使用变量那样真正定义它。有没有办法做到这一点?