starred/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2026-07-30 09:43:05 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add scroll shadow to drawer

Browse Source
This commit is contained in:
squidfunk
2016-12-29 12:10:51 +01:00
parent a1105b81f1
commit 9f8ef33545
3 changed files with 28 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/assets/stylesheets/layout/_nav.scss
View File

@@ -196,9 +196,32 @@
color: $md-color-black--light;
}
// Remove border for first list item
~ .md-nav__list > .md-nav__item:first-child {
border-top: 0;
// Main lists
~ .md-nav__list {
// Pure CSS scrolling shadows, taken from
// http://lea.verou.me/2012/04/background-attachment-local/
background:
linear-gradient(
to bottom,
$md-color-white 10%,
$md-color-white--transparent),
linear-gradient(
to bottom,
$md-color-black--lighter,
$md-color-black--lightest 35%,
$md-color-black--transparent 60%);
background-attachment: local, scroll;
background-color: $md-color-white;
background-repeat: no-repeat;
background-size: 100% 2.0rem, 100% 1.0rem;
box-shadow: 0 0.1rem 0 $md-color-black--lightest inset;
// Remove border for first list item
& > .md-nav__item:first-child {
border-top: 0;
}
}
// Site title in main navigation