mirror of
https://github.com/tenrok/OverlayScrollbars.git
synced 2026-06-20 03:30:36 +03:00
Rene
88 lines
1.7 KiB
SCSS
88 lines
1.7 KiB
SCSS
@import './sizeobserver.scss';
|
|
@import './trinsicobserver.scss';
|
|
@import './structurelifecycle.scss';
|
|
|
|
.os-environment {
|
|
position: fixed;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
overflow: scroll;
|
|
height: 200px;
|
|
width: 200px;
|
|
|
|
div {
|
|
width: 200%;
|
|
height: 200%;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
&.os-environment-flexbox-glue {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
height: auto;
|
|
width: auto;
|
|
min-height: 200px;
|
|
min-width: 200px;
|
|
|
|
div {
|
|
flex: auto;
|
|
width: auto;
|
|
height: auto;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
&.os-environment-flexbox-glue-max {
|
|
max-height: 200px;
|
|
|
|
div {
|
|
overflow: visible;
|
|
|
|
&::before {
|
|
content: '';
|
|
display: block;
|
|
height: 999px;
|
|
width: 999px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#os-environment
|
|
/* fix restricted measuring */
|
|
#os-environment:before,
|
|
#os-environment:after,
|
|
.os-content:before,
|
|
.os-content:after {
|
|
content: '';
|
|
display: table;
|
|
width: 0.01px;
|
|
height: 0.01px;
|
|
line-height: 0;
|
|
font-size: 0;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
visibility: hidden;
|
|
}
|
|
#os-environment,
|
|
.os-viewport {
|
|
-ms-overflow-style: scrollbar !important;
|
|
}
|
|
.os-viewport-scrollbar-styled#os-environment,
|
|
.os-viewport-scrollbar-styled.os-viewport {
|
|
scrollbar-width: none !important;
|
|
}
|
|
.os-viewport-scrollbar-styled#os-environment::-webkit-scrollbar,
|
|
.os-viewport-scrollbar-styled.os-viewport::-webkit-scrollbar,
|
|
.os-viewport-scrollbar-styled#os-environment::-webkit-scrollbar-corner,
|
|
.os-viewport-scrollbar-styled.os-viewport::-webkit-scrollbar-corner {
|
|
display: none !important;
|
|
width: 0px !important;
|
|
height: 0px !important;
|
|
visibility: hidden !important;
|
|
background: transparent !important;
|
|
}
|