aboutsummaryrefslogtreecommitdiff
path: root/scss/mixins/_breakpoints.scss
AgeCommit message (Collapse)AuthorFilesLines
2022-04-20Update _breakpoints.scssMetadavid1-7/+7
2022-02-24`media-breakpoint-only` now passes `$breakpoints` int `breakpoint-max`. ↵Richard Giraud1-1/+1
Fixes #35084.
2020-08-22fix(breakpoints): use next breakpoint when targetting xs onlyGaël Poupard1-3/+4
2020-06-14Change breakpoint-max implementationMartijn Cuppens1-7/+7
- The `media-breakpoint-down()` uses the breakpoint itself instead of the next breakpoint. Use `media-breakpoint-down(lg)` instead of `media-breakpoint-down(md)` to target viewports smaller than the `lg` breakpoint. - The `media-breakpoint-between()` mixin's second parameter also uses the breakpoint itself instead of the next breakpoint. Use `media-between(sm, lg)` instead of `media-breakpoint-between(sm, md)` to target viewports between the `sm` and `lg` breakpoints.
2019-06-17Add Error checking to prevent invalid breakpoint (#28889)Ashfahan Khan1-1/+4
* Add Error checking to prevent invalid breakpoint Error checking to prevent invalid breakpoint name * check type rather than value * Revert "check type rather than value" This reverts commit 04ab1e652f9c9c1c7725b7328b12f548a2c6d142. * use of not rather than null
2018-11-04Avoid null value (#27570)Vincent Langlet1-1/+1
2018-10-21Unitless breakpointsJohan Beckers1-1/+1
If I want to customise the breakpoints using `em`, I get compatibility errors. It is good practice to set breakpoints in `em` instead of `px` when users use browser scaling. See https://zellwk.com/blog/media-query-units/#concluding-the-experiments for more information why someone would like to do this. Only Safari users can get annoyed: https://adamwathan.me/dont-use-em-for-media-queries/ In any case, using a unitless number at line 42 would be very convenient.
2018-07-09correct spelling errors (#26837)Andrew1-1/+1
2018-01-13Fix breakpoint mixins for custom breakpoint maps (#25264)Sander Melnikov1-4/+4
When using the `media-breakpoint-between` or `media-breakpoint-only` mixins with a custom breakpoint map – not defined as `$grid-breakpoints` – the mixin incorrectly defaults back to the global `$grid-breakpoints` map in certain situations. This commit correctly passes on the `$breakpoints` argument to the other mixins called within the block.
2018-01-03Patch fractional viewport widths to work around Safari rounding bug (#25177)Patrick H. Lauke1-3/+5
Includes simplifying the prose in `tables.md` and adding the bug to the list of browser bugs. Closes https://github.com/twbs/bootstrap/issues/25166
2017-11-20Add support for fractional viewport widths (zoom/high-dpi displays) (#24299)Patrick H. Lauke1-2/+4
* Change breakpoint max- calculation to fractional values * Update docs to reflect fractional max-width breakpoint values * Add fractional max-width to offcanvas example * Add documentation and SCSS comment for fractional viewport support
2017-10-02Fix media-breakpoint-between (#23997)Trent Clowater1-2/+12
* Fix media-breakpoint-between When compiling .scss that uses media-breakpoint between with xs as the lower bound or xl as the upper bound, a compilation error can occur due to $min/$max being set to null, or the resulting .css can be invalid (see issue #23965). (This is basically the same fix that was applied to media-breakpoint-only a short time ago). * Update _breakpoints.scss Make houndci-bot recommended changes.
2017-08-20added @content directive to media-breakpoint-only mixin for min and max casesAlex Chegodaev1-2/+6
2017-08-08Fix the min breakpoint in media-breakpoint-betweenlucascono1-1/+1
2017-06-18Fix mixin media-breakpoint-onlyKen Paulsen1-2/+8
Prevent mixin media-breakpoint-only from breaking when supplying the first or last entry in $grid-breakpoints.
2017-03-26fixes #22245: revamp the breakpoint-between and breakpoint-only mixins to ↵Mark Otto1-5/+9
actually work
2017-03-23Simplify generation and get rid of previously added "breakpoint-previous" ↵Pierre-Denis Vanduynslager1-14/+1
function
2017-03-23Generate correct breakpoints for navbar-toggleable-* and generate toggleable ↵Pierre-Denis Vanduynslager1-1/+14
without media query to never collapse
2017-01-09Update breakpoints in breakpoints.scss commentsRishabh Rajgarhia1-7/+7
2016-12-04Update bootstrap/scss/mixins/_breakpoints.scss (#21285)sophiegit1-7/+7
grid-breakpoint for sm is 576px https://github.com/twbs/bootstrap/blob/v4-dev/scss/_variables.scss#L186-L192 1._breakpoints.scss comment says that grid-breakpoint for sm is 544px, 2.http://v4-alpha.getbootstrap.com/layout/overview/#responsive-breakpoints current document says that grid-breakpoint for sm is 544px, but it should be 576px
2016-11-28Remove lots of duplication + minor cleanup (#21238)Starsam801-0/+11
* Remove comment that duplicated some code * Use transition mixin whenever possible * Create a new function to reduce duplication * Use the new `breakpoint-infix` method
2016-06-09Re-use 'between' mixin for 'only' mixinheath31-11/+9
Keeps the code DRY in the same way 'between' uses 'up' and 'down'.
2015-11-12Merge pull request #17317 from dmbaughman/v4-media-breakpoint-betweenMark Otto1-0/+10
v4 - Added mixin to handle media queries that span multiple breakpoints
2015-09-27Change grid and container sizes to pxGleb Mazovetskiy1-7/+7
Changes grid and container sizes to `px`, as the viewport pixel size does not depend on the font size. The actual em values were inconsistent with the docs, while the docs were not the same as the comments: * `sm` breakpoint was 34em (544px) not 480px. * `lg` container max-width was 60rem (960px), less gutter than `md`. Changed to 940px, same as Bootstrap 3. * `xl` container max-width was 72.25rem which is 1140px not 1156px. Changed to 1140px matching the comment but not the docs. Addresses #17070 and #17388.
2015-09-02Adding new line to end of fileDavid Baughman1-1/+1
2015-08-25Added mixin to handle media queries that span multiple breakpointsDavid Baughman1-0/+10
2015-01-08Remove libsass @media nesting bug workaroundChris Rebert1-14/+2
https://github.com/sass/libsass/issues/185 has been fixed. Refs #48
2015-01-08Revert "Remove libsass @media nesting bug workaround"Gleb Mazovetskiy1-2/+14
This reverts commit d6a5ebf438080a71bc78b561be20160afc12e6ec. There has not been a release of libsass with this fix yet, sorry!
2015-01-07Remove libsass @media nesting bug workaroundChris Rebert1-14/+2
https://github.com/sass/libsass/issues/185 has been fixed. Refs #48
2015-01-06rename media-breakpoint-{min,max} => media-breakpoint-{up,down}Chris Rebert1-4/+7
2014-12-24Automate breakpointsGleb Mazovetskiy1-0/+85
Breakpoints and container widths are now defined as maps.