mirror of
https://github.com/adoyle0/leptos-use.git
synced 2025-01-23 00:59:22 -05:00
6d57bdf7f5
Implemented the `use_prefers_reduced_motion` function to create a reactive interface for detecting the user's reduced motion preference via the `prefers-reduced-motion` media query. |
||
|---|---|---|
| .. | ||
| src | ||
| style | ||
| Cargo.toml | ||
| index.html | ||
| input.css | ||
| README.md | ||
| rust-toolchain.toml | ||
| tailwind.config.js | ||
| Trunk.toml | ||
A simple example for use_prefers_reduced_motion.
If you don't have it installed already, install Trunk and Tailwind as well as the nightly toolchain for Rust and the wasm32-unknown-unknown target:
cargo install trunk
npm install -D tailwindcss @tailwindcss/forms
rustup toolchain install nightly
rustup target add wasm32-unknown-unknown
Then, open two terminals. In the first one, run:
npx tailwindcss -i ./input.css -o ./style/output.css --watch
In the second one, run:
trunk serve --open