Set envs to animate on loading only (except PROD) (#18)

Browse Source

Simply update the code with what i've been using lately so it only animate when the `.Loader` is created by react. Except for PROD where animation runs anytime.

Use both the new `:has()` pseudo-class and fallback to regular `:not(:only-child())` for unsupported browser (Firefox)

...

This commit is contained in:

Simon Priet

2023-05-25 23:15:05 +02:00

committed by GitHub

parent 18ff7c284e

commit d258f86c9a

16 changed files with 91 additions and 30 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

BIN

public/PERF_banner.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 26 KiB

BIN

public/PERF_banner_animated.mov Normal file

Binary file not shown.

BIN

public/PLLR_banner.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 20 KiB

BIN

public/PLLR_banner_animated.mov Normal file

Binary file not shown.

BIN

public/PLR_banner_ex.png

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 32 KiB

BIN

public/PPR_banner_ex.png

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 35 KiB

BIN

public/PRD_banner_ex.png

Binary file not shown.

Side by Side Before Width:  |  Height:  |  Size: 69 KiB

BIN

public/PREP_banner.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 27 KiB

BIN

public/PREP_banner_animated.mov Normal file

Binary file not shown.

BIN

public/PROD_banner.jpg Normal file

Binary file not shown.

Side by Side After Width:  |  Height:  |  Size: 22 KiB

BIN

public/PROD_banner_animated.mov Normal file

Binary file not shown.