infinum/media-blender

Default breakpoints

Closed this issue · 3 comments

DarkoKukovec commented

Should we use the bootstrap ones?

gabskoro commented

I would, every time I use this media I'm overriding them. Using bootstraps breakpoints for years now and never had problems. The second thing is that every "third" user is probably using bootstrap and is familiar with that :)

$media-breakpoints: (
  mobile: 0 768,
  tablet: 768 992,
  desktop: 992 1200,
  large: 1200
);
  • 👍1
isBatak commented

We should add one additional breakpoint, a small one for small mobiles... obviously 😸
We are using it on brokenships project and it is highly useful...
Like this:

$media-breakpoints: (
  small: 0 576,
  mobile: 576 768,
  tablet: 768 1024,
  desktop: 1024 1280,
  large: 1280
);

And we should also add !default; keyword at the end for easier overriiding.

DarkoKukovec commented

Updated with breakpoints @isBatak suggested.