// Scrollspy .nav-pills {
&.default-pills { .nav-item { a { text-align: left; color: $Scrollspy-color-mdb; @include scrollspy-border-radius(0); &:hover { background-color: transparent; color: $mdb-color-base; border-left: $scrollspy-navpills-naviteam-hover-border-left solid $mdb-color-base; @include scrollspy-font-weight(500); } &.active { background-color: transparent; color: $mdb-color-base; border-left: $scrollspy-navpills-naviteam-active-border-left solid $mdb-color-base; box-shadow: none; @include scrollspy-font-weight(500); &:hover, &:active, &:focus { background-color: transparent; color: $mdb-color-base; @include scrollspy-font-weight(500); } } } } }
}
.nav-pills .nav-item+.nav-item {
margin-left: 0;
}
@media only screen and (max-width: 991px) {
.sticky, .sticky-placeholder { display: none; }
}
scrollspy {
@include scroll-width(100%);
}
@media only screen and (max-width: $medium-screen) {
.col-md-4 .sticky, .col-lg-4 .sticky, .col-xl-4 .sticky { @include scroll-width(12.5rem); }
}
@media only screen and (min-width: $medium-screen) {
.col-md-4 .sticky .col-lg-4 .sticky, .col-xl-4 .sticky { @include scroll-width(25rem); }
}
@media only screen and (min-width: $large-screen) {
.col-md-4 .sticky { @include scroll-width(18.75rem); }
}
@media only screen and (min-width: $sidenav-breakpoint) {
.col-md-4 .sticky { @include scroll-width(21.875rem); }
}
// Dotted scrollspy
.dotted-scrollspy {
display: block; position: fixed; top: $scrollspy-dotted-top; right: 0; transform: $scrollspy-dotted-transform; background: $scrollspy-dotted-bg; @include scrollspy-border-radius-4rows(.125rem, 0, 0, .125rem); li { display: block; padding: $scrollspy-padding; &:first-child { padding-top: $scrollspy-padding-top; } &:last-child { padding-bottom: $scrollspy-padding-bottom; } a { padding: $scrollspy-padding-half; span { display: block; background-color: rgba($white, .54); @include scroll-width(.5rem); @include scroll-height(.5rem); @include scrollspy-border-radius(50%); } &.active { span { background: $white; } } } }
}
.scrollspy-example {
overflow-y: scroll; position: relative; @include scroll-height(12.5rem); padding: $scrollspy-example-padding;
}