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 && 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, }, };