Use native scrollbars
This commit is contained in:
@@ -1,147 +0,0 @@
|
||||
$color-scrollbars-base: lighten($color-background-nav, 25%)
|
||||
|
||||
.ps-container
|
||||
.ps-scrollbar-y
|
||||
opacity: 0
|
||||
transition: opacity 150ms ease-in-out
|
||||
|
||||
&:hover
|
||||
.ps-scrollbar-y
|
||||
opacity: 1
|
||||
|
||||
|
||||
/* perfect-scrollbar v0.6.3 */
|
||||
.ps-container
|
||||
-ms-touch-action: none
|
||||
overflow: hidden !important
|
||||
|
||||
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
|
||||
.ps-container.ps-active-y > .ps-scrollbar-y-rail
|
||||
display: block
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail
|
||||
display: none
|
||||
position: absolute
|
||||
/* please don't change 'position' */
|
||||
-webkit-border-radius: 4px
|
||||
-moz-border-radius: 4px
|
||||
-ms-border-radius: 4px
|
||||
border-radius: 4px
|
||||
opacity: 0
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear
|
||||
-o-transition: background-color .2s linear, opacity .2s linear
|
||||
transition: background-color .2s linear, opacity .2s linear
|
||||
bottom: 3px
|
||||
/* there must be 'bottom' for ps-scrollbar-x-rail */
|
||||
height: 8px
|
||||
|
||||
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x
|
||||
position: absolute
|
||||
/* please don't change 'position' */
|
||||
background-color: $color-scrollbars-base
|
||||
-webkit-border-radius: 4px
|
||||
-moz-border-radius: 4px
|
||||
-ms-border-radius: 4px
|
||||
border-radius: 4px
|
||||
-webkit-transition: background-color .2s linear
|
||||
-moz-transition: background-color .2s linear
|
||||
-o-transition: background-color .2s linear
|
||||
transition: background-color .2s linear
|
||||
bottom: 0
|
||||
/* there must be 'bottom' for ps-scrollbar-x */
|
||||
height: 5px
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail
|
||||
display: none
|
||||
position: absolute
|
||||
/* please don't change 'position' */
|
||||
-webkit-border-radius: 4px
|
||||
-moz-border-radius: 4px
|
||||
-ms-border-radius: 4px
|
||||
border-radius: 4px
|
||||
opacity: 0.6
|
||||
-webkit-transition: background-color .2s linear, opacity .2s linear
|
||||
-moz-transition: background-color .2s linear, opacity .2s linear
|
||||
-o-transition: background-color .2s linear, opacity .2s linear
|
||||
transition: background-color .2s linear, opacity .2s linear
|
||||
right: 3px
|
||||
/* there must be 'right' for ps-scrollbar-y-rail */
|
||||
width: 5px
|
||||
margin:
|
||||
top: 5px
|
||||
bottom: 5px
|
||||
|
||||
#project_nav.ps-container > .ps-scrollbar-y-rail
|
||||
margin-top: $project_header-height + 10
|
||||
|
||||
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y
|
||||
position: absolute
|
||||
/* please don't change 'position' */
|
||||
background-color: $color-scrollbars-base
|
||||
-webkit-border-radius: 4px
|
||||
-moz-border-radius: 4px
|
||||
-ms-border-radius: 4px
|
||||
border-radius: 4px
|
||||
-webkit-transition: background-color .2s linear
|
||||
-moz-transition: background-color .2s linear
|
||||
-o-transition: background-color .2s linear
|
||||
transition: background-color .2s linear, height .2s linear
|
||||
right: 0
|
||||
/* there must be 'right' for ps-scrollbar-y */
|
||||
width: 5px
|
||||
|
||||
|
||||
.ps-container.ps-in-scrolling
|
||||
pointer-events: none
|
||||
|
||||
&.ps-x
|
||||
.ps-scrollbar-x-rail
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
opacity: 0.9
|
||||
.ps-scrollbar-x
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
|
||||
&.ps-y
|
||||
.ps-scrollbar-y-rail
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
opacity: 0.9
|
||||
.ps-scrollbar-y
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
|
||||
|
||||
.ps-container:hover
|
||||
|
||||
.ps-scrollbar-x-rail, .ps-scrollbar-y-rail
|
||||
opacity: 0.6
|
||||
|
||||
&:hover
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
opacity: 0.9
|
||||
|
||||
.ps-scrollbar-x, .ps-scrollbar-y
|
||||
background-color: $color-scrollbars-base
|
||||
|
||||
|
||||
&.ps-in-scrolling
|
||||
pointer-events: none
|
||||
|
||||
&.ps-x
|
||||
.ps-scrollbar-x-rail
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
opacity: 0.9
|
||||
|
||||
.ps-scrollbar-x
|
||||
background-color: rgba($color-scrollbars-base, .1)
|
||||
|
||||
&.ps-y
|
||||
.ps-scrollbar-y-rail
|
||||
background-color: rgba($color-scrollbars-base, .2)
|
||||
opacity: 0.9
|
||||
|
||||
.ps-scrollbar-y
|
||||
background-color: rgba($color-scrollbars-base, .1)
|
||||
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user