Ionic 4 custom grid breakpoints

#1

Hi all, the Ionic documentation makes reference to a CSS variable that doesn’t seem to exist in the Ionic source code.

The default breakpoints are defined by the --ion-grid-breakpoints CSS variable.
https://ionicframework.com/docs/layout/grid#default-breakpoints

If you search the ionic codebase --ion-grid-breakpoints doesn’t exist.

I’m trying to modify the default breakpoints for my application. It looks like these breakpoint variables used to exist: https://github.com/ionic-team/ionic/issues/14562

Does anyone have any ideas on how to customise the default breakpoints?

#2

It turns out this problem has actually been logged before, here: Unable to modify Grid break points in ionic 4

Because of: https://ionicframework.com/docs/theming/advanced#variables-in-media-queries