mirrors/OverlayScrollbars
2
0
Fork 0
mirror of https://github.com/tenrok/OverlayScrollbars.git synced 2026-06-08 06:52: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-thin-light.css
+88
View File
@@ -0,0 +1,88 @@
/*
os-theme-thin-light
*/
.os-theme-thin-light > .os-scrollbar-horizontal {
right: 14px;
height: 14px;
padding: 0px 6px;
}
.os-theme-thin-light > .os-scrollbar-vertical {
bottom: 14px;
width: 14px;
padding: 6px 0px;
}
.os-theme-thin-light.os-host-rtl > .os-scrollbar-horizontal {
left: 14px;
right: 0;
}
.os-theme-thin-light > .os-scrollbar-corner {
height: 14px;
width: 14px;
background-color: transparent;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track {
background: transparent;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.15);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
left: 0;
right: 0;
height: 2px;
top: 50%;
margin-top: -1px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
top: 0;
bottom: 0;
width: 2px;
left: 50%;
margin-left: -1px;
}
.os-theme-thin-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
content: '';
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.5);
border-radius: 10px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before {
height: 4px;
margin-top: -2px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
width: 4px;
margin-left: -2px;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
background: rgba(255, 255, 255, 0.7);
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
background: #fff;
}
.os-theme-thin-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
height: 100%;
min-width: 30px;
}
.os-theme-thin-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
width: 100%;
min-height: 30px;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
transition: height 0.3s, margin-top 0.3s, background 0.2s;
}
.os-theme-thin-light.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
transition: width 0.3s, margin-left 0.3s, background 0.2s;
}