Skip to content

Commit

Permalink
Drop @support (position: sticky) media query (#30415)
Browse files Browse the repository at this point in the history
  • Loading branch information
MartijnCuppens committed Apr 18, 2020
1 parent 338ca83 commit 4fc701f
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 17 deletions.
16 changes: 7 additions & 9 deletions scss/helpers/_position.scss
Expand Up @@ -17,16 +17,14 @@
}

// Responsive sticky top
@supports (position: sticky) {
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);

.sticky#{$infix}-top {
position: sticky;
top: 0;
z-index: $zindex-sticky;
}
.sticky#{$infix}-top {
position: sticky;
top: 0;
z-index: $zindex-sticky;
}
}
}
14 changes: 6 additions & 8 deletions site/assets/scss/_toc.scss
Expand Up @@ -2,14 +2,12 @@

.bd-toc {
@include media-breakpoint-up(lg) {
@supports (position: sticky) {
position: sticky;
top: 5rem;
right: 0;
z-index: 2;
height: subtract(100vh, 7rem);
overflow-y: auto;
}
position: sticky;
top: 5rem;
right: 0;
z-index: 2;
height: subtract(100vh, 7rem);
overflow-y: auto;
}

nav {
Expand Down

0 comments on commit 4fc701f

Please sign in to comment.