public.scss

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



// 选中
.isActive {
  background: #4cb527 !important;
  border: transparent 1px solid !important;
}



//  表格大概样式
.hall,.office-area-control,.use-electro-data {
  .el-table__row > td {
    // border: none;
  }
  th{
    background: rgba(0, 151, 255, 0.08);
    font-size: 12px;
    

  }

  td::before {
    height: 0px;
  }
  .el-table--border,
  .el-table--group {
    border-left: none;
  }
  .el-table--border::after,
  .el-table--group::after {
    width: 0;
  }



}


// ~~~
.margin-lr-20 {
  margin: 0 20px;
}

// color
.color-blue {
  color: #21ACFC;
}

.color-cyan {
  color: #36CBCB;
}

.color-green {
  color: #4ECB74;

}
// 首页菜单选中
.theme-d2 .d2-theme-container .d2-theme-container-aside .d2-layout-header-aside-menu-side>.el-menu> .el-menu-item:first-child{
  background: transparent ;
  }




.en-tabs {
  .el-tabs__header {
    margin: 0;
  }
  .el-tabs__active-bar{
    bottom:-1px ;
  }
  .el-tabs__nav-wrap::after {
    height: 0;
  }
  .el-tabs__nav-wrap {
    background: #f2f4f5;

    .el-tabs__nav {
      border-bottom: 1px solid #e5e9ec;
    }
  }
  .el-tabs__header {
    border: 1px solid #e5e9ec;
  }
  .el-tabs__item:nth-child(2) {
    padding: 0 30px !important;
  }

  .el-tabs__item:last-child {
    padding: 0 30px !important;
  }
  .el-tabs__item.is-active {
    background: #fff;
  }
}