mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-10 04:25:08 +00:00
webkit-scrollbar styles added.
This commit is contained in:
parent
92c8417a9a
commit
a9e5115558
|
@ -18,6 +18,7 @@
|
||||||
// Partials
|
// Partials
|
||||||
@import "partials/reset";
|
@import "partials/reset";
|
||||||
@import "partials/normalize";
|
@import "partials/normalize";
|
||||||
|
@import "partials/scrollbars";
|
||||||
@import "partials/helpers";
|
@import "partials/helpers";
|
||||||
@import "partials/global";
|
@import "partials/global";
|
||||||
@import "partials/icons";
|
@import "partials/icons";
|
||||||
|
|
19
src/app/core/scss/partials/_scrollbars.scss
Normal file
19
src/app/core/scss/partials/_scrollbars.scss
Normal file
|
@ -0,0 +1,19 @@
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background-color: rgba(0, 0, 0, 0);
|
||||||
|
opacity: 0;
|
||||||
|
border-radius: 100px;
|
||||||
|
&:hover {
|
||||||
|
background-color: #EEE;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #AAA;
|
||||||
|
border-radius: 100px;
|
||||||
|
&:active {
|
||||||
|
background: #999;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user