src/components/ui/AppLoader/styles.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

const sloganTransition = window?.matchMedia(
  '(prefers-reduced-motion: no-preference)',
)
  ? 'opacity 1s ease'
  : 'none';

export default {
  component: {
    color: '#FFF',
  },
  slogan: {
    display: 'block',
    opacity: 0,
    transition: sloganTransition,
    position: 'absolute',
    textAlign: 'center',
    width: '100%',
  },
  visible: {
    opacity: 1,
  },
};