honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(aio): scroll bar styling

This commit is contained in:
Stefanie Fluin 2017-04-14 16:23:19 -07:00 committed by Pete Bacon Darwin
parent 8f9ba62dc3
commit 49dfc9fe2d
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
aio/src/styles/2-modules/_modules-dir.scss
View File

@ -19,4 +19,5 @@
@import 'banner';
@import 'api-list';
@import 'hr';
@import 'live-example';
@import 'live-example';
@import 'scrollbar';

25
aio/src/styles/2-modules/_scrollbar.scss Normal file
View File

@ -0,0 +1,25 @@
body::-webkit-scrollbar {
width: 6px;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
background-color: $mediumgray;
outline: 1px solid $darkgray;
}
.search-results::-webkit-scrollbar {
width: 4px;
}
.search-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.search-results::-webkit-scrollbar-thumb {
background-color: $mediumgray;
outline: 1px solid slategrey;
}