Classes to opt out of breakpoints.

[Leftium]

Sometimes I don't want to use certain breakpoints defined by PicoCSS.

• Like this thread: SASS: How to enable only some breakpoints? Also can be created CSS build for mobile and desktop version separatly to load only some css based on media picocss/pico#541

And for my recent app I decided I want different sets of breakpoints on different pages.

How about adding classes to disable breakpoints like no-xl and no-xxl? (Perhaps just on the .container elements?)

I think it's just a matter of converting my Pico SASS breakpoint configuration hack into official classes.

[Yohn]

I may see a path to doing something like this. In the settings file we would have to add !default; to the end of the breakpoint merge so it would look like:

    //.. beginning of map
    xxl: (
        breakpoint: 1536px,
        viewport: 1450px,
        root-font-size: 131.25%,
      )
  ),
  $breakpoints
) !default;

Then you should be able to pass your breakpoints you want to use and it'll override the default breakpoints.
This would be a breaking change, an if I were to keep it in the v2.* base we would need to send a different variable to settings and then check if that variable exists within the settings file, then override the default breakpoints. If that variable isn't found then then merge breakpoints if its passed to settings like currently.

Another thing we would need to be careful of doing is breaking the compiler for not having the breakpoints needed in the following files:

_modal.scss used sm, md
_grid.scss uses the md breakpoint
_row.scss uses xl and sm
_style.scss uses all breakpoints for cards, landmarks and sections