2022-04-21 18:20:39 +08:00
|
|
|
@mixin clearfix {
|
|
|
|
|
&:after {
|
2022-04-22 01:16:02 +08:00
|
|
|
content: "";
|
2022-04-21 18:20:39 +08:00
|
|
|
display: table;
|
|
|
|
|
clear: both;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-06-05 11:19:27 +08:00
|
|
|
|
|
|
|
|
@mixin scrollbar {
|
2023-06-05 11:36:03 +08:00
|
|
|
// 整个滚动条
|
2023-06-05 11:19:27 +08:00
|
|
|
&::-webkit-scrollbar {
|
|
|
|
|
width: 8px;
|
2023-06-05 11:36:03 +08:00
|
|
|
height: 8px;
|
2023-06-05 11:19:27 +08:00
|
|
|
}
|
2023-06-05 11:36:03 +08:00
|
|
|
// 滚动条上的滚动滑块
|
2023-06-05 11:19:27 +08:00
|
|
|
&::-webkit-scrollbar-thumb {
|
2023-06-05 11:36:03 +08:00
|
|
|
border-radius: 4px;
|
|
|
|
|
background-color: #90939955;
|
2023-06-05 11:19:27 +08:00
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
2023-06-05 11:36:03 +08:00
|
|
|
background-color: #90939977;
|
2023-06-05 11:19:27 +08:00
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-thumb:active {
|
2023-06-05 11:36:03 +08:00
|
|
|
background-color: #90939999;
|
2023-06-05 11:19:27 +08:00
|
|
|
}
|
|
|
|
|
}
|
