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 {
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
|
width: 8px;
|
|
|
|
|
height: 8px; // 也要兼容 height 样式
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
|
|
|
border-radius: 16px;
|
|
|
|
|
background-color: #d6d7d9;
|
|
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-thumb:hover {
|
|
|
|
|
background-color: #c0c3c5;
|
|
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-thumb:active {
|
|
|
|
|
background-color: #acafb2;
|
|
|
|
|
}
|
|
|
|
|
&::-webkit-scrollbar-button {
|
|
|
|
|
background: transparent;
|
|
|
|
|
height: 10px;
|
|
|
|
|
}
|
|
|
|
|
}
|
