@import '../common/index.wxss';

.van-divider {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 32rpx 0;
  margin: var(--divider-margin,32rpx 0);
  color: #969799;
  color: var(--divider-text-color,#969799);
  font-size: 28rpx;
  font-size: var(--divider-font-size,28rpx);
  line-height: 48rpx;
  line-height: var(--divider-line-height,48rpx);
  border: 0 solid #ebedf0;
  border-color: var(--divider-border-color,#ebedf0);
}

.van-divider:after,
.van-divider:before {
  display: block;
  -webkit-flex: 1;
  flex: 1;
  box-sizing: border-box;
  height: 2rpx;
  border-color: inherit;
  border-style: inherit;
  border-width: 2rpx 0 0;
}

.van-divider:before {
  content: "";
}

.van-divider--hairline:after,
.van-divider--hairline:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
}

.van-divider--dashed {
  border-style: dashed;
}

.van-divider--center:before,
.van-divider--left:before,
.van-divider--right:before {
  margin-right: 32rpx;
  margin-right: var(--divider-content-padding,32rpx);
}

.van-divider--center:after,
.van-divider--left:after,
.van-divider--right:after {
  content: "";
  margin-left: 32rpx;
  margin-left: var(--divider-content-padding,32rpx);
}

.van-divider--left:before {
  max-width: 10%;
  max-width: var(--divider-content-left-width,10%);
}

.van-divider--right:after {
  max-width: 10%;
  max-width: var(--divider-content-right-width,10%);
}