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

const sloganTransition =
  window && 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,
  },
};