styled-bootstrap-grid
styled-bootstrap-grid copied to clipboard
Feature request: lessThan media type
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)
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.
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