4个版本
0.1.3 | 2023年2月19日 |
---|---|
0.1.2 | 2022年2月17日 |
0.1.1 | 2022年2月8日 |
0.1.0 | 2022年2月8日 |
#9 in #class-name
405KB
196 行
辅助宏,用于使用由tailwindcss-to-rust生成的代码。
生成的代码提供了一些静态结构体,其中每个字段都是一个类名或修饰符(如"lg"或"hover")。在典型使用中,您需要将多个名称和修饰符组合成一个字符串,并将其设置为元素的class
属性。此crate提供两个宏,以使其使用更为便捷。
Dioxus示例
// Note that you have to write this css module to tie it all together.
use css::*;
use dioxus_prelude::*;
fn SomeComponent(cx: Scope) -> Element {
cx.render(rsx! {
div {
// "grid-cols-3 md:grid-cols-6 lg:grid-cols-12"
class: DC![
C::fg::grid-cols-3,
M![M::md, C::fg::grid-cols-6],
M![M::lg, C::fg::grid-cols-12]
],
div {
// "text-lg text-white"
class: DC![C::typ::text_lg, C::typ::text_white],
}
}
})
}