105 lines
2.4 KiB
SCSS
105 lines
2.4 KiB
SCSS
@import '../variables.scss';
|
|
|
|
@if $scroll-default-tui {
|
|
|
|
/* Default */
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background-image: $scroll-default-image;
|
|
background-repeat: repeat;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: $scroll-default-color;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: $scroll-default-color;
|
|
}
|
|
|
|
}
|
|
|
|
/* Styles */
|
|
.tui-scroll-blue {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-blue.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(0, 0, 168);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(0, 0, 168);
|
|
}
|
|
}
|
|
|
|
.tui-scroll-green {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-green.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(0, 168, 0);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(0, 168, 0);
|
|
}
|
|
}
|
|
|
|
.tui-scroll-cyan {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-cyan.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(0, 168, 168);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(0, 168, 168);
|
|
}
|
|
}
|
|
|
|
.tui-scroll-red {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-red.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(168, 0, 0);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(168, 0, 0);
|
|
}
|
|
}
|
|
|
|
.tui-scroll-purple {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-purple.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(168, 0, 168);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(168, 0, 168);
|
|
}
|
|
}
|
|
|
|
.tui-scroll-yellow {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-yellow.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(168, 168, 0);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(168, 168, 0);
|
|
}
|
|
}
|
|
|
|
.tui-scroll-white {
|
|
::-webkit-scrollbar-track {
|
|
background-image: url(images/scroll-white.png);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgb(168, 168, 168);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgb(168, 168, 168);
|
|
}
|
|
} |