@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;
}

// 分页靠右显示
.el-pagination {
  margin-top: 15px;
  text-align: right;
}

// 字体使用规范

//主标题
.el-h1 {
  font: 20px Extra large;
  color: #303133;
}

//标题
.el-h2 {
  font: 18px large;
  color: #303133;
}

//小标题
.el-h3 {
  font: 16px Medium;
  color: #303133;
}

//正文
.el-text {
  font: 14px Small;
  color: #606266;
}

//正文（小）
.el-text-s {
  font: 13px Extra Small;
  color: #909399;
}

//辅助文字
.el-text-ss {
  font: 12px Extra Extra Small;
  color: #C0C4CC;
}

//边框色

//一级边框&&一级灰
$el-bg-color-1: #DCDFE6;

//二级边框&&二级灰
$el-bg-color-2: #E4E7ED;

//三级边框&&三级灰
$el-bg-color-3: #EBEEF5;

//四级边框&&四级灰
$el-bg-color-4: #F2F6FC;
