styled-bootstrap-grid icon indicating copy to clipboard operation
styled-bootstrap-grid copied to clipboard

Feature request: lessThan media type

Open hntrl opened this issue 4 years ago • 2 comments

It would be nice to have "less than" functionality with the media api.

${media.lessThan.md``}  // @media (max-width: 768px)
${media.md``}  // @media (min-width: 768px)

hntrl avatar Mar 17 '20 01:03 hntrl

Hello !

Since bootstrap is designed to be "mobile first", the logic we have to handle with is :

this css applies everytime, but if my screen is larger than {breakpoint}, apply that specific css

I also had some troubles to deal with this logic when I switched from bootstrap V3 to V4, but since, I haven't found any problem that can't be soved with this logic.

Of course, if you provide me some specific usecases that justifies this implementation, I'll be glad to work on it.

dragma avatar May 14 '20 09:05 dragma

The same result can be achieved with either implementation, you're right. This is more a convenience thing than anything. The reason i'm suggesting this is because its apart of Bootstraps SCSS Mixins

hntrl avatar May 15 '20 16:05 hntrl