Spaces:
Sleeping
Sleeping
| /* | |
| =============================== | |
| @Import Function | |
| =============================== | |
| */ | |
| /* | |
| =============================== | |
| @Import Mixins | |
| =============================== | |
| */ | |
| /* | |
| * Container style | |
| */ | |
| .ps { | |
| overflow: hidden ; | |
| overflow-anchor: none; | |
| -ms-overflow-style: none; | |
| touch-action: auto; | |
| -ms-touch-action: auto; } | |
| /* | |
| * Scrollbar rail styles | |
| */ | |
| .ps__rail-x { | |
| display: none; | |
| opacity: 0; | |
| transition: background-color .2s linear, opacity .2s linear; | |
| -webkit-transition: background-color .2s linear, opacity .2s linear; | |
| height: 10px; | |
| /* there must be 'bottom' or 'top' for ps__rail-x */ | |
| bottom: 0px; | |
| /* please don't change 'position' */ | |
| position: absolute; } | |
| .ps__rail-y { | |
| display: none; | |
| opacity: 0; | |
| transition: background-color .2s linear, opacity .2s linear; | |
| -webkit-transition: background-color .2s linear, opacity .2s linear; | |
| width: 10px; | |
| /* there must be 'right' or 'left' for ps__rail-y */ | |
| right: 0; | |
| /* please don't change 'position' */ | |
| position: absolute; } | |
| .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { | |
| display: block; | |
| background-color: transparent; } | |
| .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y { | |
| opacity: 0.6; } | |
| .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y { | |
| opacity: 0.6; } | |
| .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { | |
| opacity: 0.6; } | |
| .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { | |
| background-color: transparent; | |
| opacity: 0.9; } | |
| /* | |
| * Scrollbar thumb styles | |
| */ | |
| .ps__thumb-x { | |
| background-color: #888ea8; | |
| border-radius: 6px; | |
| transition: background-color .2s linear, height .2s ease-in-out; | |
| -webkit-transition: background-color .2s linear, height .2s ease-in-out; | |
| height: 4px; | |
| /* there must be 'bottom' for ps__thumb-x */ | |
| bottom: 2px; | |
| /* please don't change 'position' */ | |
| position: absolute; } | |
| .ps__thumb-y { | |
| background-color: #888ea8; | |
| border-radius: 6px; | |
| transition: background-color .2s linear, width .2s ease-in-out; | |
| -webkit-transition: background-color .2s linear, width .2s ease-in-out; | |
| width: 4px; | |
| /* there must be 'right' for ps__thumb-y */ | |
| right: 2px; | |
| /* please don't change 'position' */ | |
| position: absolute; } | |
| .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { | |
| background-color: #acb0c3; | |
| height: 6px; } | |
| .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { | |
| background-color: #acb0c3; | |
| width: 6px; } | |
| /* MS supports */ | |
| @supports (-ms-overflow-style: none) { | |
| .ps { | |
| overflow: auto ; } } | |
| @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { | |
| .ps { | |
| overflow: auto ; } } | |