mirror of
https://github.com/adoyle0/leptos-use.git
synced 2025-01-23 09:09:21 -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.
23 lines
No EOL
598 B
Markdown
23 lines
No EOL
598 B
Markdown
A simple example for `use_prefers_reduced_motion`.
|
|
|
|
If you don't have it installed already, install [Trunk](https://trunkrs.dev/) and [Tailwind](https://tailwindcss.com/docs/installation)
|
|
as well as the nightly toolchain for Rust and the wasm32-unknown-unknown target:
|
|
|
|
```bash
|
|
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:
|
|
|
|
```bash
|
|
trunk serve --open
|
|
``` |