beautify srollbar (#767)

* beautify srollbar

* add annotation
This commit is contained in:
2BFL 2020-07-15 21:21:24 +08:00 committed by GitHub
parent 5686871ee5
commit af9eda6304
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 1 deletions

View File

@ -72,4 +72,25 @@ body
flex-direction: column
body > .section
flex-grow: 1
flex-grow: 1
// Modify the style of the scroll bar only for -webkit browsers
::-webkit-scrollbar
width: 8px
height: 8px
// Modify the style of the scroll bar only for -webkit browsers
::-webkit-scrollbar-track
border-radius: 3px
background: rgba(0,0,0,0.06)
box-shadow: inset 0 0 5px rgba(0,0,0,0.1)
// Modify the style of the scroll bar only for -webkit browsers
::-webkit-scrollbar-thumb
border-radius: 3px
background: rgba(0,0,0,0.12)
box-shadow: inset 0 0 10px rgba(0,0,0,0.2)
// Modify the style of the scroll bar only for -webkit browsers
::-webkit-scrollbar-thumb:hover
background: rgba(0,0,0,0.24)