mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-05-17 05:59:40 +03:00
replace node-sass with dart-sass (sass)
This commit is contained in:
Rene Haas
@@ -1,3 +1,4 @@
|
||||
const sass = require('sass');
|
||||
const postcss = require('postcss');
|
||||
const autoprefixer = require('autoprefixer');
|
||||
const { nodeResolve: rollupPluginResolve } = require('@rollup/plugin-node-resolve');
|
||||
@@ -34,6 +35,7 @@ module.exports = {
|
||||
? rollupPluginScss({
|
||||
output,
|
||||
sourceMap,
|
||||
sass,
|
||||
processor: () => postcss([autoprefixer()]),
|
||||
})
|
||||
: rollupPluginIgnoreImport({
|
||||
|
||||
Generated
+33
-2524
File diff suppressed because it is too large
Load Diff
+1
-1
@@ -49,7 +49,7 @@
|
||||
"glob": "^7.1.6",
|
||||
"jest": "^28.1.3",
|
||||
"jest-environment-jsdom": "^28.1.3",
|
||||
"node-sass": "^7.0.1",
|
||||
"sass": "^1.54.0",
|
||||
"nyc": "^15.1.0",
|
||||
"playwright": "^1.22.2",
|
||||
"playwright-chromium": "^1.22.2",
|
||||
|
||||
@@ -1,3 +1,5 @@
|
||||
@use 'sass:math';
|
||||
|
||||
$inflate-margin: 133px;
|
||||
$shrink-scale: 0.1;
|
||||
|
||||
@@ -58,7 +60,9 @@ $shrink-scale: 0.1;
|
||||
padding: inherit;
|
||||
border: inherit;
|
||||
margin: -$inflate-margin;
|
||||
transform: scale(1 / $shrink-scale);
|
||||
transform: scale(
|
||||
math.div(1, $shrink-scale)
|
||||
); // scale(calc(1 / #{$shrink-scale})) not supported in ie11
|
||||
|
||||
&.ltr {
|
||||
margin-right: -$inflate-margin * 2;
|
||||
|
||||
@@ -4,7 +4,8 @@
|
||||
pointer-events: none;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
box-sizing: border-box; }
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.os-size-observer,
|
||||
.os-size-observer-listener,
|
||||
@@ -13,7 +14,8 @@
|
||||
writing-mode: horizontal-tb;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.os-size-observer {
|
||||
z-index: -1;
|
||||
@@ -29,18 +31,21 @@
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
transform: scale(0.1); }
|
||||
.os-size-observer::before {
|
||||
content: '';
|
||||
flex: none;
|
||||
box-sizing: inherit;
|
||||
padding: 10px;
|
||||
width: 10px;
|
||||
height: 10px; }
|
||||
transform: scale(0.1);
|
||||
}
|
||||
.os-size-observer::before {
|
||||
content: "";
|
||||
flex: none;
|
||||
box-sizing: inherit;
|
||||
padding: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.os-size-observer-appear {
|
||||
-webkit-animation: os-size-observer-appear-animation 1ms forwards;
|
||||
animation: os-size-observer-appear-animation 1ms forwards; }
|
||||
animation: os-size-observer-appear-animation 1ms forwards;
|
||||
}
|
||||
|
||||
.os-size-observer-listener {
|
||||
box-sizing: border-box;
|
||||
@@ -49,52 +54,64 @@
|
||||
padding: inherit;
|
||||
border: inherit;
|
||||
margin: -133px;
|
||||
transform: scale(10); }
|
||||
.os-size-observer-listener.ltr {
|
||||
margin-right: -266px;
|
||||
margin-left: 0; }
|
||||
.os-size-observer-listener.rtl {
|
||||
margin-left: -266px;
|
||||
margin-right: 0; }
|
||||
.os-size-observer-listener:empty::before {
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
.os-size-observer-listener:empty::before,
|
||||
.os-size-observer-listener > .os-size-observer-listener-item {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: inherit;
|
||||
border: inherit;
|
||||
box-sizing: content-box;
|
||||
flex: auto; }
|
||||
transform: scale(10);
|
||||
}
|
||||
.os-size-observer-listener.ltr {
|
||||
margin-right: -266px;
|
||||
margin-left: 0;
|
||||
}
|
||||
.os-size-observer-listener.rtl {
|
||||
margin-left: -266px;
|
||||
margin-right: 0;
|
||||
}
|
||||
.os-size-observer-listener:empty::before {
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
|
||||
display: block;
|
||||
position: relative;
|
||||
padding: inherit;
|
||||
border: inherit;
|
||||
box-sizing: content-box;
|
||||
flex: auto;
|
||||
}
|
||||
|
||||
.os-size-observer-listener-scroll {
|
||||
box-sizing: border-box;
|
||||
display: flex; }
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.os-size-observer-listener-item {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: hidden;
|
||||
direction: ltr;
|
||||
flex: none; }
|
||||
flex: none;
|
||||
}
|
||||
|
||||
.os-size-observer-listener-item-final {
|
||||
transition: none; }
|
||||
transition: none;
|
||||
}
|
||||
|
||||
@-webkit-keyframes os-size-observer-appear-animation {
|
||||
from {
|
||||
cursor: auto; }
|
||||
cursor: auto;
|
||||
}
|
||||
to {
|
||||
cursor: none; } }
|
||||
cursor: none;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes os-size-observer-appear-animation {
|
||||
from {
|
||||
cursor: auto; }
|
||||
cursor: auto;
|
||||
}
|
||||
to {
|
||||
cursor: none; } }
|
||||
|
||||
cursor: none;
|
||||
}
|
||||
}
|
||||
.os-trinsic-observer {
|
||||
flex: none;
|
||||
box-sizing: border-box;
|
||||
@@ -108,15 +125,18 @@
|
||||
z-index: -1;
|
||||
height: 0;
|
||||
top: calc(100% + 1px);
|
||||
contain: strict; }
|
||||
.os-trinsic-observer:not(:empty) {
|
||||
height: calc(100% + 1px);
|
||||
top: -1px; }
|
||||
.os-trinsic-observer:not(:empty) > .os-size-observer {
|
||||
width: 1000%;
|
||||
height: 1000%;
|
||||
min-height: 1px;
|
||||
min-width: 1px; }
|
||||
contain: strict;
|
||||
}
|
||||
.os-trinsic-observer:not(:empty) {
|
||||
height: calc(100% + 1px);
|
||||
top: -1px;
|
||||
}
|
||||
.os-trinsic-observer:not(:empty) > .os-size-observer {
|
||||
width: 1000%;
|
||||
height: 1000%;
|
||||
min-height: 1px;
|
||||
min-width: 1px;
|
||||
}
|
||||
|
||||
.os-environment {
|
||||
--os-custom-prop: -1;
|
||||
@@ -126,51 +146,60 @@
|
||||
overflow: scroll;
|
||||
height: 200px;
|
||||
width: 200px;
|
||||
z-index: var(--os-custom-prop); }
|
||||
.os-environment div {
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
margin: 10px 0; }
|
||||
.os-environment.os-environment-flexbox-glue {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
height: auto;
|
||||
width: auto;
|
||||
min-height: 200px;
|
||||
min-width: 200px; }
|
||||
.os-environment.os-environment-flexbox-glue div {
|
||||
flex: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0; }
|
||||
.os-environment.os-environment-flexbox-glue-max {
|
||||
max-height: 200px; }
|
||||
.os-environment.os-environment-flexbox-glue-max div {
|
||||
overflow: visible; }
|
||||
.os-environment.os-environment-flexbox-glue-max div::before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 999px;
|
||||
width: 999px; }
|
||||
z-index: var(--os-custom-prop);
|
||||
}
|
||||
.os-environment div {
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
.os-environment.os-environment-flexbox-glue {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
height: auto;
|
||||
width: auto;
|
||||
min-height: 200px;
|
||||
min-width: 200px;
|
||||
}
|
||||
.os-environment.os-environment-flexbox-glue div {
|
||||
flex: auto;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.os-environment.os-environment-flexbox-glue-max {
|
||||
max-height: 200px;
|
||||
}
|
||||
.os-environment.os-environment-flexbox-glue-max div {
|
||||
overflow: visible;
|
||||
}
|
||||
.os-environment.os-environment-flexbox-glue-max div::before {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 999px;
|
||||
width: 999px;
|
||||
}
|
||||
|
||||
.os-environment,
|
||||
.os-viewport {
|
||||
-ms-overflow-style: scrollbar !important; }
|
||||
-ms-overflow-style: scrollbar !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars=''],
|
||||
[data-overlayscrollbars~='scrollbarHidden'],
|
||||
[data-overlayscrollbars=""],
|
||||
[data-overlayscrollbars~=scrollbarHidden],
|
||||
html.os-viewport-scrollbar-hidden,
|
||||
.os-viewport-scrollbar-hidden.os-environment,
|
||||
.os-viewport-scrollbar-hidden.os-viewport {
|
||||
scrollbar-width: none !important; }
|
||||
scrollbar-width: none !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars='']::-webkit-scrollbar,
|
||||
[data-overlayscrollbars='']::-webkit-scrollbar-corner,
|
||||
[data-overlayscrollbars~='scrollbarHidden']::-webkit-scrollbar,
|
||||
[data-overlayscrollbars~='scrollbarHidden']::-webkit-scrollbar-corner,
|
||||
[data-overlayscrollbars=""]::-webkit-scrollbar,
|
||||
[data-overlayscrollbars=""]::-webkit-scrollbar-corner,
|
||||
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
|
||||
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
|
||||
html.os-viewport-scrollbar-hidden::-webkit-scrollbar,
|
||||
html.os-viewport-scrollbar-hidden::-webkit-scrollbar-corner,
|
||||
.os-viewport-scrollbar-hidden.os-environment::-webkit-scrollbar,
|
||||
@@ -181,23 +210,27 @@ html.os-viewport-scrollbar-hidden::-webkit-scrollbar-corner,
|
||||
width: 0px !important;
|
||||
height: 0px !important;
|
||||
visibility: hidden !important;
|
||||
background: transparent !important; }
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
html.os-viewport-scrollbar-hidden,
|
||||
html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars],
|
||||
.os-padding {
|
||||
position: relative; }
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars~='host'],
|
||||
[data-overlayscrollbars~=host],
|
||||
.os-padding {
|
||||
display: flex;
|
||||
flex-direction: row !important;
|
||||
flex-wrap: nowrap !important; }
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.os-padding,
|
||||
.os-viewport {
|
||||
@@ -209,51 +242,64 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
z-index: 0; }
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.os-viewport {
|
||||
--os-vaw: 0;
|
||||
--os-vah: 0; }
|
||||
.os-viewport.os-viewport-arrange::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
width: var(--os-vaw);
|
||||
height: var(--os-vah); }
|
||||
--os-vah: 0;
|
||||
}
|
||||
.os-viewport.os-viewport-arrange::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
min-width: 1px;
|
||||
min-height: 1px;
|
||||
width: var(--os-vaw);
|
||||
height: var(--os-vah);
|
||||
}
|
||||
|
||||
[data-overlayscrollbars~='viewport'] {
|
||||
overflow: hidden !important; }
|
||||
[data-overlayscrollbars~=viewport] {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars~='overflowVisible'] {
|
||||
overflow: visible !important; }
|
||||
[data-overlayscrollbars~=overflowVisible] {
|
||||
overflow: visible !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars-overflow-x='hidden'] {
|
||||
overflow-x: hidden !important; }
|
||||
[data-overlayscrollbars-overflow-x=hidden] {
|
||||
overflow-x: hidden !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars-overflow-x='scroll'] {
|
||||
overflow-x: scroll !important; }
|
||||
[data-overlayscrollbars-overflow-x=scroll] {
|
||||
overflow-x: scroll !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars-overflow-x='hidden'] {
|
||||
overflow-y: hidden !important; }
|
||||
[data-overlayscrollbars-overflow-x=hidden] {
|
||||
overflow-y: hidden !important;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars-overflow-y='scroll'] {
|
||||
overflow-y: scroll !important; }
|
||||
[data-overlayscrollbars-overflow-y=scroll] {
|
||||
overflow-y: scroll !important;
|
||||
}
|
||||
|
||||
.os-padding,
|
||||
.os-viewport {
|
||||
overflow: hidden; }
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.os-overflow-visible {
|
||||
overflow: visible; }
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.os-content {
|
||||
box-sizing: inherit; }
|
||||
box-sizing: inherit;
|
||||
}
|
||||
|
||||
[data-overlayscrollbars~='updating'] > .os-scrollbar {
|
||||
display: none !important; }
|
||||
[data-overlayscrollbars~=updating] > .os-scrollbar {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.os-scrollbar {
|
||||
contain: strict;
|
||||
@@ -262,170 +308,209 @@ html.os-viewport-scrollbar-hidden > body[data-overlayscrollbars] {
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
opacity: 0;
|
||||
visibility: hidden; }
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
body > .os-scrollbar {
|
||||
position: fixed; }
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.os-scrollbar-transitionless {
|
||||
transition: none; }
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.os-scrollbar-track {
|
||||
position: relative;
|
||||
direction: ltr !important;
|
||||
padding: 0 !important;
|
||||
border: none !important; }
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.os-scrollbar-handle {
|
||||
position: absolute; }
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.os-scrollbar-track,
|
||||
.os-scrollbar-handle {
|
||||
pointer-events: none;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
|
||||
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
|
||||
pointer-events: auto;
|
||||
touch-action: none; }
|
||||
touch-action: none;
|
||||
}
|
||||
|
||||
.os-scrollbar-horizontal {
|
||||
bottom: 0;
|
||||
left: 0; }
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.os-scrollbar-vertical {
|
||||
top: 0;
|
||||
right: 0; }
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.os-scrollbar-rtl.os-scrollbar-horizontal {
|
||||
right: 0; }
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.os-scrollbar-rtl.os-scrollbar-vertical {
|
||||
right: auto;
|
||||
left: 0; }
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.os-scrollbar-visible,
|
||||
.os-scrollbar-interaction.os-scrollbar-visible {
|
||||
opacity: 1;
|
||||
visibility: visible; }
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.os-scrollbar-auto-hidden {
|
||||
opacity: 0;
|
||||
visibility: hidden; }
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.os-scrollbar-unusable,
|
||||
.os-scrollbar-unusable * {
|
||||
pointer-events: none !important; }
|
||||
pointer-events: none !important;
|
||||
}
|
||||
|
||||
.os-scrollbar-unusable .os-scrollbar-handle {
|
||||
opacity: 0 !important; }
|
||||
opacity: 0 !important;
|
||||
}
|
||||
|
||||
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless {
|
||||
left: 0;
|
||||
right: 0; }
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
/* NONE THEME: */
|
||||
.os-theme-none.os-scrollbar {
|
||||
display: none !important; }
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* DARK & LIGHT THEME: */
|
||||
.os-theme-dark.os-scrollbar-horizontal,
|
||||
.os-theme-light.os-scrollbar-horizontal {
|
||||
right: 10px;
|
||||
height: 10px; }
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-vertical,
|
||||
.os-theme-light.os-scrollbar-vertical {
|
||||
bottom: 10px;
|
||||
width: 10px; }
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-rtl.os-scrollbar-horizontal,
|
||||
.os-theme-light.os-scrollbar-rtl.os-scrollbar-horizontal {
|
||||
left: 10px;
|
||||
right: 0; }
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar,
|
||||
.os-theme-light.os-scrollbar {
|
||||
padding: 2px;
|
||||
box-sizing: border-box;
|
||||
background: transparent; }
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-unusable,
|
||||
.os-theme-light.os-scrollbar-unusable {
|
||||
background: transparent; }
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar > .os-scrollbar-track,
|
||||
.os-theme-light.os-scrollbar > .os-scrollbar-track {
|
||||
background: transparent; }
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle,
|
||||
.os-theme-light.os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
min-width: 30px; }
|
||||
min-width: 30px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle,
|
||||
.os-theme-light.os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
min-height: 30px; }
|
||||
min-height: 30px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-transition > .os-scrollbar-track > .os-scrollbar-handle,
|
||||
.os-theme-light.os-scrollbar-transition > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
transition: background-color 0.3s; }
|
||||
transition: background-color 0.3s;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
|
||||
.os-theme-light.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,
|
||||
.os-theme-dark.os-scrollbar > .os-scrollbar-track,
|
||||
.os-theme-light.os-scrollbar > .os-scrollbar-track {
|
||||
border-radius: 10px; }
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
background: rgba(0, 0, 0, 0.4); }
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.os-theme-light.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
background: rgba(255, 255, 255, 0.4); }
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
background: rgba(0, 0, 0, 0.55); }
|
||||
background: rgba(0, 0, 0, 0.55);
|
||||
}
|
||||
|
||||
.os-theme-light.os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {
|
||||
background: rgba(255, 255, 255, 0.55); }
|
||||
background: rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
|
||||
background: rgba(0, 0, 0, 0.7); }
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.os-theme-light.os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {
|
||||
background: rgba(255, 255, 255, 0.7); }
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,
|
||||
.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,
|
||||
.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before,
|
||||
.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: block; }
|
||||
display: block;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-host-scrollbar-hidden > .os-scrollbar-handle:before {
|
||||
display: none; }
|
||||
display: none;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before,
|
||||
.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
|
||||
top: -6px;
|
||||
bottom: -2px; }
|
||||
bottom: -2px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before,
|
||||
.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
|
||||
left: -6px;
|
||||
right: -2px; }
|
||||
right: -2px;
|
||||
}
|
||||
|
||||
.os-theme-dark.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before,
|
||||
.os-theme-light.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle:before {
|
||||
right: -6px;
|
||||
left: -2px; }
|
||||
left: -2px;
|
||||
}
|
||||
/*# sourceMappingURL=overlayscrollbars.css.map */
|
||||
@@ -1 +1 @@
|
||||
{"version":3,"sources":["../../src/styles/sizeobserver.scss","../../src/styles/trinsicobserver.scss","../../src/styles/structure.scss","../overlayscrollbars.css","../../src/styles/scrollbars.scss"],"names":[],"mappings":"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","file":"overlayscrollbars.css"}
|
||||
{"version":3,"sources":["../../src/styles/sizeobserver.scss","../overlayscrollbars.css","../../src/styles/trinsicobserver.scss","../../src/styles/structure.scss","../../src/styles/scrollbars.scss"],"names":[],"mappings":"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","file":"overlayscrollbars.css"}
|
||||
Reference in New Issue
Block a user