除了 Tailwind CSS 变体,Konsta UI 还添加了一个主题变体,以帮助创建在 iOS 和 Material 主题中应有所不同的自定义样式。
主题前缀 | 应用于 | CSS |
---|---|---|
ios | iOS 主题 | .k-ios ... |
material | Material 主题 | .k-material ... |
例如
图片在 iOS 主题中的高度为 h-11
(44px),在 Material 主题中的高度为 h-12
(48px)
<img className="ios:h-11 material:h-12" src="..." />
文本在 iOS 主题中为粗体,在 Material 主题中为半粗体
<span className="ios:font-bold material:font-semibold">Hello</span>