diff options
Diffstat (limited to 'src/components/ui/AppLoader/styles.ts')
-rw-r--r-- | src/components/ui/AppLoader/styles.ts | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/ui/AppLoader/styles.ts b/src/components/ui/AppLoader/styles.ts new file mode 100644 index 000000000..9891e0387 --- /dev/null +++ b/src/components/ui/AppLoader/styles.ts | |||
@@ -0,0 +1,22 @@ | |||
1 | let sloganTransition = 'none'; | ||
2 | |||
3 | if (window && window.matchMedia('(prefers-reduced-motion: no-preference)')) { | ||
4 | sloganTransition = 'opacity 1s ease'; | ||
5 | } | ||
6 | |||
7 | export default { | ||
8 | component: { | ||
9 | color: '#FFF', | ||
10 | }, | ||
11 | slogan: { | ||
12 | display: 'block', | ||
13 | opacity: 0, | ||
14 | transition: sloganTransition, | ||
15 | position: 'absolute', | ||
16 | textAlign: 'center', | ||
17 | width: '100%', | ||
18 | }, | ||
19 | visible: { | ||
20 | opacity: 1, | ||
21 | }, | ||
22 | }; | ||