#tailwind #dioxus #css-class

dioxus-tailwindcss

Dioxus tailwindcss

7 个版本 (破坏性更新)

0.7.0 2024 年 4 月 9 日
0.6.0 2024 年 4 月 1 日
0.5.0 2024 年 3 月 28 日
0.4.0 2023 年 8 月 16 日
0.2.2 2023 年 2 月 27 日

#1449 in 网页编程

Download history 3/week @ 2024-04-28 3/week @ 2024-05-19 7/week @ 2024-06-02 3/week @ 2024-06-09 1/week @ 2024-06-16 43/week @ 2024-07-28 18/week @ 2024-08-04 7/week @ 2024-08-11

每月 68 次下载
dioxus-daisyui 中使用

MIT 许可协议

77KB
2K SLoC

dioxus-tailwindcss

技巧

由于 Rust 对常量名称的规则,与 Tailwind CSS 存在一些差异。

tailwindcss dioxus-tailwindcss
静态 static_
2xl: xxl()_2xl()
分数,例如 -1/2 _1__2
.5 _half

更新文档

代码 文档 备注
modifier.rs 链接 查看 #pseudo-class-reference 部分以获取完整列表
responsive.rs 链接 2xl 不是一个有效的 Rust 函数名,为它定义 xxl_2xl
dark_mode.rs 链接 使用 dark_ 而不是 dark
layout.rs 链接 布局 使用 static_ 而不是 static
flex.rs 链接 Flexbox & Grid
spacing.rs 链接 间距

尺寸 | 链接 | 字体排版 | 链接 | 背景图片 | 链接 | 边框 | 链接 | 特效 | 链接 | 过滤器 | 链接 | 表格 | 链接 | 过渡与动画 | 链接 | 转换 | 链接 | 交互性 | 链接 | SVG | 链接 | 无障碍访问 | 链接 |

构建所有使用的CSS类

由于tailwindcss需要获取所有使用的值,当使用class!时,默认的构建过程将不会工作。

请查看BUILD.md了解如何处理此过程。

依赖项

~3–9MB
~82K SLoC