@material-ui/core
Version:
React components that implement Google's Material Design.
42 lines • 1.25 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
// import warning from 'warning';
export default function createMixins(breakpoints, spacing, mixins) {
return _extends({
gutters: (styles = {}) => {
// To deprecate in v4.1
// warning(
// false,
// [
// 'Material-UI: theme.mixins.gutters() is deprecated.',
// 'You can use the source of the mixin directly:',
// `
// paddingLeft: theme.spacing(2),
// paddingRight: theme.spacing(2),
// [theme.breakpoints.up('sm')]: {
// paddingLeft: theme.spacing(3),
// paddingRight: theme.spacing(3),
// },
// `,
// ].join('\n'),
// );
return _extends({
paddingLeft: spacing(2),
paddingRight: spacing(2)
}, styles, {
[breakpoints.up('sm')]: _extends({
paddingLeft: spacing(3),
paddingRight: spacing(3)
}, styles[breakpoints.up('sm')])
});
},
toolbar: {
minHeight: 56,
[`${breakpoints.up('xs')} and (orientation: landscape)`]: {
minHeight: 48
},
[breakpoints.up('sm')]: {
minHeight: 64
}
}
}, mixins);
}