@material-ui/core/es/styles/createMixins.spec.js

React components that implement Google's Material Design.

import _extends from "@babel/runtime/helpers/esm/extends";
import { createMuiTheme, makeStyles } from '@material-ui/core/styles';
{
  const theme = createMuiTheme({
    mixins: {
      toolbar: {
        background: '#fff',
        minHeight: 36,
        '@media (min-width:0px) and (orientation: landscape)': {
          minHeight: 24
        },
        '@media (min-width:600px)': {
          minHeight: 48
        }
      }
    }
  });
  const useStyles = makeStyles(theme => ({
    appBarSpacer: theme.mixins.toolbar,
    toolbarIcon: _extends({
      display: 'flex',
      alignItems: 'center',
      justifyContent: 'flex-end',
      padding: '0 8px'
    }, theme.mixins.toolbar)
  }));
}