Я использую material-ui для своего реактивного проекта и обнаружил, что material-ui использует makeStyles для создания объекта стиля. Затем добавьте объект стилей как classes в каждый компонент. Кажется, styles связывается с каждым компонентом. Мой вопрос заключается в том, как определить некоторые глобально используемые стили, такие как font, color и т. Д. В css / scss я могу определить некоторые глобальные переменные и изменить их в файлах css, которые будут применяться ко всем другим компонентам. Каков наилучший способ сделать это в material-ui стилях?
...
const useStyles = makeStyles({
root: {
background: 'linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)',
border: 0,
borderRadius: 3,
boxShadow: '0 3px 5px 2px rgba(255, 105, 135, .3)',
color: 'white',
height: 48,
padding: '0 30px',
},
});
return (
<div className={classes.root}>
...