mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-10 15:22:28 +03:00
Code Issues Packages Projects Releases Wiki Activity

add documentation website to repo

Browse Source
This commit is contained in:
Rene Haas
2022-10-14 11:50:29 +02:00
parent 76f0ebdb08
commit ca54bad7f0
152 changed files with 0 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/etc/os-theme-block-light.css
+106
View File
@@ -0,0 +1,106 @@
/*
os-theme-block-light
*/
.os-theme-block-light > .os-scrollbar {
padding: 0;
}
.os-theme-block-light > .os-scrollbar-horizontal {
right: 16px;
height: 16px;
}
.os-theme-block-light > .os-scrollbar-vertical {
bottom: 16px;
width: 16px;
}
.os-theme-block-light.os-host-rtl > .os-scrollbar-horizontal {
left: 16px;
right: 0;
}
.os-theme-block-light > .os-scrollbar-corner {
height: 16px;
width: 16px;
background-color: transparent;
}
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track {
background: transparent;
}
.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.15);
}
.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track:before {
left: 4px;
right: 4px;
height: 2px;
top: 50%;
margin-top: -1px;
}
.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
top: 4px;
bottom: 4px;
width: 2px;
left: 50%;
margin-left: -1px;
}
.os-theme-block-light > .os-scrollbar-horizontal:hover > .os-scrollbar-track:before,
.os-theme-block-light > .os-scrollbar-horizontal.active > .os-scrollbar-track:before {
left: 0;
right: 0;
height: 100%;
top: 0;
margin-top: 0;
}
.os-theme-block-light > .os-scrollbar-vertical:hover > .os-scrollbar-track:before,
.os-theme-block-light > .os-scrollbar-vertical.active > .os-scrollbar-track:before {
top: 0;
bottom: 0;
width: 100%;
left: 0;
margin-left: 0;
}
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
background: transparent;
}
.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
min-width: 100px;
max-width: 100px;
}
.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
min-height: 100px;
max-height: 100px;
}
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
content: '';
display: block;
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
right: 4px;
background: #afafaf;
}
.os-theme-block-light.os-host-scrolling > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
background: #cecece;
}
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active:before {
background: #fff;
}
.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
height: 100%;
min-width: 16px;
}
.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
width: 100%;
min-height: 16px;
}
.os-theme-block-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
transition: background 0.3s;
}
.os-theme-block-light.os-host-transition > .os-scrollbar > .os-scrollbar-track:before {
transition: margin 0.3s, height 0.3s, width 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}