Я хочу получить minHeight
значения для разных размеров экрана для Toolbar
компонента из useTheme()
и применить его как правило marginTop
для моего компонента. Каков наилучший способ сделать это, используя makeStyles
?
Я был бы счастлив иметь что-то вроде
const useStyles = makeStyles(theme => ({
myClass: {
[theme.breakpoints.up('xs')]: {
marginTop: <- value from mixins.toolbar['@media (min-width:0px) and (orientation: landscape)'].minHeight exactly as on the screenshot
},
... and so on
},
}));
Каков наилучший подход для его реализации?