7 releases (breaking)

0.7.0 Apr 9, 2024
0.6.0 Apr 1, 2024
0.5.0 Mar 28, 2024
0.4.0 Aug 16, 2023
0.2.2 Feb 27, 2023

#1697 in Web programming


Used in dioxus-daisyui

MIT license

77KB
2K SLoC

dioxus-tailwindcss

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.

Dependencies

~3–8.5MB
~81K SLoC