sass-site/source/assets/css/components/_navigation.scss
Adekunle Oduye 26a515c3a9 [docs] Sticky Navigation (#373)
* [docNav] Moved h3 title into nav wrapper

* [docNav] Init styles for doc navigation component

* [docNav] Import doc navigation component into sass.css.scss

* [docNav] Functional to make doc navigation sticky on scroll

* [docNav] Rename js class name and changed from single to double quotes

* [docNav] Change class name to sl-js-nav--is-sticky

* [docNav] renamed doc-navigation to navigation and removed nesting

* [docNav] renamed doc-navigation to navigation

* [docNav] Added carriage return after h3
2019-10-12 09:55:30 -07:00

11 lines
208 B
SCSS

.sl-l-medium-holy-grail__body.sl-js-nav--is-sticky .sl-c-list-navigation-wrapper{
position: sticky;
top: 0;
bottom: 0;
overflow-y: scroll;
@include sl-breakpoint--large {
height: 100vh;
}
}