You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.2 KiB
44 lines
1.2 KiB
@mixin scrollBar {
|
|
&::-webkit-scrollbar {
|
|
width: 4px;
|
|
height: 4px;
|
|
&:hover {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
/*滚动条里面小方块*/
|
|
border-radius: 4px;
|
|
// box-shadow: inset 0 0 5px rgba(#00023f, 0.2);
|
|
box-shadow: none;
|
|
background: #07266b;
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
/*滚动条里面轨道*/
|
|
// box-shadow: inset 0 0 5px rgba(#00023f, 0.2);
|
|
box-shadow: none;
|
|
border-radius: 4px;
|
|
background: transparent;
|
|
}
|
|
}
|
|
|
|
@mixin scrollBar2 {
|
|
&::-webkit-scrollbar {
|
|
/*滚动条整体样式*/
|
|
width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
|
|
height: 1px;
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
/*滚动条里面小方块*/
|
|
border-radius: 8px;
|
|
box-shadow: inset 0 0 5px rgba(#000, 0.1);
|
|
background: linear-gradient(270deg, #999, #ddd);
|
|
}
|
|
&::-webkit-scrollbar-track {
|
|
/*滚动条里面轨道*/
|
|
box-shadow: inset 0 0 5px rgba(#000, 0.1);
|
|
border-radius: 8px;
|
|
background: darken(#999, 20);
|
|
}
|
|
}
|
|
|