@import './variables.scss';
@mixin mixinBgColor {
  background-color: $--var-background-white-;
}
.au-bg-white {
  @include mixinBgColor;
}
.au-bg-grey {
  background-color: #f9f9f9 !important;
}

/** card  */
.au-card {
  @include mixinBgColor;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  overflow: hidden;
  color: #303133;
  transition: .3s;
  &:hover {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 20%);
  }
}
.au-box-shadow {
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}


/** 单行省略 */
.au-text-line-one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.au-text-line-two {
  white-space: pre-wrap;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


/** svg style */
.au-icon {
  width: 20px;
  height: 20px;
}


/** elements arrangement */
.au-ml-8 {
  margin-left: 8px;
}
.au-mt-8 {
  margin-top: 8px;
}
.au-pd-8 {
  padding: 8px;
}
.au-mt-16 {
  margin-top: 16px;
}
.au-ml-16 {
  margin-left: 16px;
}
.au-mr-16 {
  margin-right: 16px;
}
.au-pd-16 {
  padding: 16px;
}
.au-mt-32 {
  margin-top: 32px;
}
.au-mr-32 {
  margin-right: 32px;
}
.au-pd-32 {
  padding: 32px;
}

/** text alignment direction  */
.au-text-end {
  text-align: end;
}
.au-text-center {
  text-align: center;
}
.au-text-link {
  color: #444;
  text-decoration: none;
  &:hover {
    color: #444;
    text-decoration: none;
  }
}

.au-block {
  display: block;
}
.au-in-block {
  display: inline-block;
}
.au-overflow-hidden {
  overflow: hidden;
}
.au-flex {
  display: flex;
}
.au-flex-rc-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.au-flex-row-center {
  justify-content: center;
}
.au-flex-column-center {
  align-items: center;
}
