@import '~@/assets/style/unit/color.scss';
|
|
// 工具类名统一前缀
|
$prefix: d2;
|
|
// 禁止用户选中 鼠标变为手形
|
%unable-select {
|
user-select: none;
|
cursor: pointer;
|
}
|
|
// 填满父元素
|
// 组要父元素 position: relative | absolute;
|
%full {
|
position: absolute;
|
top: 0px;
|
right: 0px;
|
bottom: 0px;
|
left: 0px;
|
}
|
|
// flex 垂直水平居中
|
%flex-center-row {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: row;
|
}
|
%flex-center-col {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: column;
|
}
|
|
// 将元素模拟成卡片外观
|
%card {
|
border: 1px solid #dddee1;
|
border-color: #e9eaec;
|
background: #fff;
|
border-radius: 4px;
|
font-size: 14px;
|
position: relative;
|
}
|
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
|
::-webkit-scrollbar {
|
width: 10px;
|
/*滚动条宽度*/
|
height: 10px;
|
border-radius: 8px;
|
/*滚动条高度*/
|
-webkit-appearance:none;
|
background-color:#f2f2f22a;
|
}
|
|
/*定义滚动条轨道 内阴影+圆角*/
|
::-webkit-scrollbar-track {
|
/*滚动条的背景区域的内阴影*/
|
/*box-shadow:0px 1px 3px rgba(0,0,0,0.3) inset;*/
|
|
/*滚动条的背景区域的圆角*/
|
border-radius: 8px;
|
|
/*滚动条的背景颜色*/
|
background-color: #f2f2f22a;
|
}
|
|
/*定义滑块 内阴影+圆角*/
|
::-webkit-scrollbar-thumb {
|
/*滚动条的内阴影*/
|
/*box-shadow:0px 1px 3px rgba(0,0,0,0.1) inset;*/
|
|
/*滚动条的圆角*/
|
border-radius: 8px;
|
|
/*滚动条的背景颜色*/
|
background-color:#939393;
|
}
|
