@import "./base/fn.wxss";

/*通用样式*/
.clearfix {
  @include clearfix;
}

.is-absolute {
	@include is-absolute;

  &.bg {
    z-index: -1;
  }
}

/* 极细分隔线 */
.divider {
  position: relative;

  &::after {
    @include hairline(#D5D5D5);
    border-top-width: 1px;
  }

  &-v {
    position: relative;

    &::after {
      @include hairline(#D5D5D5);
      border-right-width: 1px;
    }
  }
}

/* text通用样式 */
.text-ellipsis {
	@include ellipsisLn(1);
}

.text-center {
  @include text-center;
}

.text-right {
  @include text-right;
}

.text-left {
	@include text-left;
}

.text-bold {
  font-weight: bold;
}

.text-bolder {
  font-weight: bolder;
}

.text-underline {
  text-decoration: underline;
}

/* flex通用样式 */
.is-flex {
	@include flex;
}
.flex-row {
  @include flex-row;
}
.flex-column {
	@include flex-column;
}
.flex-end {
	@include flex-end;
}
.flex-between {
	@include flex-between;
}
.flex-center {
  @include flex-center;
}
.flex-around {
  @include flex-around;
}
.flex-baseline {
  @include flex-baseline;
}
.flex-auto {
  @include flex-auto;
}
.flex-none {
  @include flex-none;
}
.flex-wrap {
  @include flex-wrap;
}

/* 无样式button */
.button-reset {
	display: block;
	overflow: visible;
	font: inherit;
	border: 0;
  @include button-reset;
}

/* 其他通用样式 */
.extra-area {
  @include extra-area;
}

.is-fullheight {
  height: 100%;
}

.is-fullwidth {
  width: 100%;
}

.radius-full {
  border-radius: 1000px;
}

.radius-normal {
  border-radius: 4px;
}

.shadow {
  box-shadow: 1px 3px 10px 1px #CCC;
}

.hidden {
  display: none;
}

.overflow-hidden {
  overflow: hidden;
}