saber/src/styles/common.scss

// 全局变量
@import './variables.scss';
// ele样式覆盖
@import './element-ui.scss';
// 顶部右侧显示
@import './top.scss';
// 导航标签
@import './tags.scss';
// 工具类函数
@import './mixin.scss';
// 侧面导航栏
@import './sidebar.scss';
// 动画
@import './animate/vue-transition.scss';
//主题
@import './theme/index.scss';
//适配
@import './media.scss';
//通用配置
@import './normalize.scss';

a{
  text-decoration: none;
  color:#333;
}
*{
  outline: none;
}
//滚动条样式
@include scrollBar;


.flex{display: flex;}

.flex1{flex: 1;}

.flex-d-c{
  flex-direction: column;
}

.jc-sb{
  justify-content:space-between
}
.jc-al-c{
  align-items: center;
}
.flex-center{
  justify-content: center;
  align-items: center;
}

.grid4x4{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: 25% 25% 25% 25%;
}

.w-100p{width: 100%;}
.h-100p{height: 100%;}

.mg-l-10{margin-left: 10px;}
.mg-t-10{margin-top: 10px;}
.mg-r-10{margin-right: 10px;}
.mg-b-10{margin-bottom: 10px;}
.mg-10{margin: 10px;}

.pd-l-10{padding-left: 10px;}
.pd-t-10{padding-top: 10px;}
.pd-r-10{padding-right: 10px;}
.pd-b-10{padding-bottom: 10px;}
.pd-10{padding: 10px;}

.mg-l-20{margin-left: 20px;}
.mg-t-20{margin-top: 20px;}
.mg-r-20{margin-right: 20px;}
.mg-b-20{margin-bottom: 20px;}
.mg-20{margin: 20px;}

.pd-l-20{padding-left: 20px;}
.pd-t-20{padding-top: 20px;}
.pd-r-20{padding-right: 20px;}
.pd-b-20{padding-bottom: 20px;}
.pd-20{padding: 20px;}

.box-size-bb{box-sizing: border-box;}

.bgc-f6{background-color: #f6f6f6;}
.normal-black{color: #606266;}
.border-grey{
  border-color: rgb(187, 187, 187);
  border-width: 1px;
  border-style: solid;
}
.border-grey-b{
  border-bottom: 1px solid rgb(187, 187, 187);
}

.font-s-12{font-size: 12px;}
.font-c-warning{color: rgb(240, 99, 10);}

.text-icon{
  padding:0px;
  font-size: 18px;
}
.text-icon-danger.el-button--text{
  color: #f56c6c;
}

.text-success{color: #34c362;}
.text-warning{color: #ec6421;}

.text-align-c{text-align: center;}

.custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}

.required:before{
  content: "*";
  color: #f56c6c;
  margin-right: 4px;
}