У меня есть общий раздел кода для до и после и 3 строки, специфичные для каждой, интересно, как я могу предотвратить повторение кода для каждого и использовать общий код для обоих?
const styles = StyleSheet.create({
stepIndication: {
position: 'relative',
width: '35px',
height: '35px',
backgroundColor: theme.palette.themePrimary,
borderRadius: '100%',
cursor: 'pointer',
':before': {
[common code],
animationName: [pulse2],
animationDuration: '1s, .1s',
animationIterationCount: 'infinite'
},
':after': {
[common code],
boxSizing: 'border-box',
animationName: [pulse1],
animationDuration: '1s',
animationIterationCount: 'infinite'
}
}
});