Ionic 4 custom grid breakpoints

Ionic Framework
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.
ion-grid: Display Grids for Mobile-First Custom App Layout

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: Unable to modify variables for the Responsive Grid · Issue #14562 · ionic-team/ionic-framework · GitHub

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