fix(style): dont custom scrollbar on touch screens
This commit is contained in:
parent
fbeb3c43b8
commit
eea490e133
|
@ -77,23 +77,20 @@ body
|
||||||
body > .section
|
body > .section
|
||||||
flex-grow: 1
|
flex-grow: 1
|
||||||
|
|
||||||
// Modify the style of the scroll bar only for -webkit browsers
|
+desktop()
|
||||||
::-webkit-scrollbar
|
::-webkit-scrollbar
|
||||||
width: 8px
|
width: 8px
|
||||||
height: 8px
|
height: 8px
|
||||||
|
|
||||||
// Modify the style of the scroll bar only for -webkit browsers
|
::-webkit-scrollbar-track
|
||||||
::-webkit-scrollbar-track
|
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
background: rgba(0,0,0,0.06)
|
background: rgba(0,0,0,0.06)
|
||||||
box-shadow: inset 0 0 5px rgba(0,0,0,0.1)
|
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
|
||||||
::-webkit-scrollbar-thumb
|
|
||||||
border-radius: 3px
|
border-radius: 3px
|
||||||
background: rgba(0,0,0,0.12)
|
background: rgba(0,0,0,0.12)
|
||||||
box-shadow: inset 0 0 10px rgba(0,0,0,0.2)
|
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
|
||||||
::-webkit-scrollbar-thumb:hover
|
|
||||||
background: rgba(0,0,0,0.24)
|
background: rgba(0,0,0,0.24)
|
||||||
|
|
Loading…
Reference in New Issue