src/components/ui/AppLoader/styles.js


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

let sloganTransition = 'none';

if (window.matchMedia('(prefers-reduced-motion: no-preference)')) {
  sloganTransition = 'opacity 1s ease';
}

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