Material-ui: How to override default media queried component styles

[nicohagen]

Hey there,

so the only way i could find to do it in createMuiTheme() is:

overrides: {
  MuiToolbar: {
      gutters: {
        '@media (min-width: 600px)': {
          paddingLeft: 0,
          paddingRight: 0,
        },
      },
    },
  }

Problem here is that i need to come up with my own breakpoint values while it should rather use the [theme.breakpoints.up('sm')] approach of makeStyles(), using the default themes' breakpoint presets as values.

Is something like this or equivalent possible? If not, could this maybe be put on the ToDo list. I noticed a lot of people requiring this.

Thanks in advance.

[oliviertassinari]

You can find more details on #11649. However, I think that we can improve the documentation in the meantime (before changing the theme structure or the code in v5). I believe that we should have a customization section in https://material-ui.com/customization/breakpoints/ to answer you very question.