@import 'var';

$prefix: paas !default;

html {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
  text-size-adjust: 100%; // 4
  text-size-adjust: 100%; // 4
}

body {
  color: #303133;
  font-size: 14px;
  height: 100vh;
  margin: 0;
  overflow: auto;
  -ms-overflow-style: none;
  padding: 0;
  padding-left: calc(100vw - 100%);
  scrollbar-width: none;
  width: 100vw;
}

body::-webkit-scrollbar {
  display: none;
}

a {
  color: #303133;
  text-decoration: none;
}

img {
  display: block;
}

/* 宽度100% */
.width-abs {
  width: 100% !important;
}

/* 高度100% */
.height-abs {
  height: 100% !important;
}

@mixin flex-row {
  display: flex;
  display: flex !important;
}
@mixin flex-col {
  @include flex-row;

  flex-direction: column;
}

/* flex布局 */
.flex-row {
  @include flex-row;
}

.flex-col {
  @include flex-row;

  flex-direction: column;
}
// 分布两边
.flex-row-between {
  @include flex-row;

  justify-content: space-between;
}
// 居中
.flex-row-center {
  @include flex-row;

  justify-content: center;
}
// 左右等份
.flex-row-around {
  @include flex-row;

  justify-content: space-around;
}
// 上下两边分布
.flex-col-between {
  @include flex-col;

  justify-content: space-between;
}
// 上下等份
.flex-col-around {
  @include flex-col;

  justify-content: space-around;
}
// 元素上下居中
.flex-col-center {
  @include flex-col;

  justify-content: center;
}

/* flex布局子元素位置 */
.flex-items-start {
  align-items: flex-start;
}

.flex-items-center {
  align-items: center;
}

.flex-items-end {
  align-items: flex-end;
}

/* 换行 || 等分 */
.flex-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

/* 定位布局 */
.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.position-fixed {
  position: fixed;
}

/* 元素溢出处理 */
.overflow-hidden {
  overflow: hidden;
}

.overflow-auto-x {
  overflow-x: auto;
}

.overflow-auto-y {
  overflow-y: auto;
}

/* 文本不换行 */
.overflow-nowrap {
  white-space: nowrap;
}

/* 超出一行省略 */
.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 元素转换处理 */
@each $var in (block, inline, inline-block) {
  .box-#{$var} {
    display: $var;
  }
}

/* 鼠标点击效果 */
@each $var in (pointer, default, wait, no-drop) {
  .cursor-#{$var} {
    cursor: $var;
  }
}

/* 文本对齐 */
@each $var in (left, center, right) {
  .text-#{$var} {
    text-align: $var;
  }
}

/* 阴影处理 */
.shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.none-shadow {
  box-shadow: none !important;
}

/* 边框 */
.border {
  border: solid 1px $border;
}

.none-border {
  border: 0 !important;
}
@each $var in (left, top, right, bottom) {
  .border-#{$var} {
    border-#{$var}: solid 1px $border;
  }
}