mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-31 09:05:47 +02:00
Code Issues Releases Wiki Activity

Change breakpoint-max implementation

Browse Source 
- 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.
This commit is contained in:
Martijn Cuppens
2020-04-18 13:02:26 +02:00
committed by Mark Otto
parent aee711bfa9
commit 7e28764e67
8 changed files with 31 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/assets/scss/_content.scss
View File

@@ -29,7 +29,7 @@
margin-bottom: 1.5rem;
@include font-size(.875rem);
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
display: block;
overflow-x: auto;

2
site/assets/scss/_navbar.scss
View File

@@ -2,7 +2,7 @@
padding: .625rem 0;
background-color: $bd-purple-bright;
@include media-breakpoint-down(md) {
@include media-breakpoint-down(lg) {
.navbar-nav-scroll {
width: 100%;

2
site/assets/scss/_subnav.scss
View File

@@ -26,7 +26,7 @@
}
.bd-search {
@include media-breakpoint-down(sm) {
@include media-breakpoint-down(md) {
width: 100%;
}