Crate dioxus_tailwindcss
source ·Expand description
§dioxus-tailwindcss
- Tailwind CSS
- v3.4.3
§Tricks
Due to rust’s rule on constant names, there are some difference from tailwindcss.
| tailwindcss | dioxus-tailwindcss |
|---|---|
static | static_ |
2xl: | xxl() and _2xl() |
fraction e.g. -1/2 | _1__2 |
.5 | _half |
§Documents for Updating
| Code | Documentation | Notes |
|---|---|---|
| modifier.rs | link | check the #pseudo-class-reference part for complete list |
| responsive.rs | link | 2xl is not a valid rust function name, define both xxl and _2xl for it |
| dark_mode.rs | link | use dark_ instead of dark |
| layout.rs | link Layout | use static_ instead of static |
| flex.rs | link Flexbox & Grid | |
| spacing.rs | link Spacing |
| sizing.rs | link Sizing | | | typography.rs | link Typography | | | backgrounds.rs | link Backgrounds | | | borders.rs | link Borders | | | effects.rs | link Effects | | | filters.rs | link Filters | | | tables.rs | link Tables | | | tansitions.rs | link Transitions & Animation | | | transforms.rs | link Transforms | | | interactivity.rs | link Interactivity | | | svg.rs | link SVG | | | accessibility.rs | link Accessibility | |
§Build All Used CSS Classes
Since tailwindcss need to get all used values, when using class!, the default build process is not working.
Check BUILD.md for how to handle this process.
Re-exports§
pub use dioxus_class;