🔥 认识我们的新项目 t0ggles - 您终极的项目管理工具! 🔥

主题变体

除了 Tailwind CSS 变体,Konsta UI 还添加了一个主题变体,以帮助创建在 iOS 和 Material 主题中应有所不同的自定义样式。

主题前缀应用于CSS
iosiOS 主题.k-ios ...
materialMaterial 主题.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>
    
代码许可证 MIT.
2022 © Konsta UI 作者 nolimits4web.