@import "mixins/font";

// 文字
// 字号
@for $i from 12 to 32 {
  .vci-fs-#{$i} {
    font-size: $i + px;
  }
}

// 字重
.vci-fw-normal {
  font-weight: normal;
}

.vci-fw-bold {
  font-weight: bold;
}

.vci-fw-bolder {
  font-weight: bolder;
}

// 文字样式
.vci-fs-normal {
  font-style: normal;
}

.vci-fs-it {
  font-style: italic;
}

.vci-fs-ob {
  font-style: oblique;
}

// 水平对齐方式
.vci-ta-l {
  text-align: left;
}

.vci-ta-r {
  text-align: right;
}

.vci-ta-c {
  text-align: center;
}

// 描边
.vci-font-stroke {
  @include vci-font-stroke(#333);
}

// 文本超出隐藏并出现省略号
.vci-to-e {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}