Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Custom Scrollbar mixin

pull/10616/head
Alex P 2016-11-09 11:22:45 -08:00 committed by Andrew Watkins
parent 38ffccb222
commit f4ae0669cb
1 changed files with 30 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
ui/src/style/modules/_sizes.scss
View File

@ -27,4 +27,34 @@ $explorer-page-padding: 18px;
background: -webkit-linear-gradient(left, $startColor 0%,$endColor 100%);
background: linear-gradient(to right, $startColor 0%,$endColor 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$startColor', endColorstr='$endColor',GradientType=1 );
}
@mixin custom-scrollbar($trackColor, $handleColor) {
&::-webkit-scrollbar {
width: 14px;
border-bottom-right-radius: $radius;
&-button {
background-color: $trackColor;
}
&-track {
background-color: $trackColor;
border-bottom-right-radius: $radius;
}
&-track-piece {
background-color: $trackColor;
border: 4px solid $trackColor;
border-radius: 8px;
}
&-thumb {
background-color: $handleColor;
border: 4px solid $trackColor;
border-radius: 8px;
}
&-corner {
background-color: $trackColor;
}
}
&::-webkit-resizer {
background-color: $trackColor;
}
}