wrap the sticky in a @supports so that edge and ie don't screw it all up

This commit is contained in:
Mark Otto 2017-05-29 20:28:42 -07:00 committed by Mark Otto
parent 12ca6d9d34
commit f95cbc5950
1 changed files with 10 additions and 6 deletions

View File

@ -5,9 +5,11 @@
//
.bd-toc {
position: sticky;
top: 4rem;
max-height: calc(100vh - 4rem);
@supports (position: sticky) {
position: sticky;
top: 4rem;
max-height: calc(100vh - 4rem);
}
padding-top: 1.5rem;
padding-bottom: 1.5rem;
overflow-y: auto;
@ -47,9 +49,11 @@
border-bottom: 1px solid rgba(0,0,0,.1);
@include media-breakpoint-up(md) {
position: sticky;
top: 4rem;
max-height: calc(100vh - 4rem);
@supports (position: sticky) {
position: sticky;
top: 4rem;
max-height: calc(100vh - 4rem);
}
overflow-y: auto;
border-right: 1px solid rgba(0,0,0,.1);
}