dati/lib/style/common/font.less

@import '../themes/default.less';
@import '../mixins.less';
/* 文本 */
.lz-text {
  // 大小
  &__size {
    font-size: @font-size-base;

    &--xs {
      // 图标辅助文字
      font-size: @font-size-icontext;
    }

    &--sm {
      // 辅助文字 - 小
      font-size: @font-size-caption-sm;
    }

    &--md {
      // 基本字体
      font-size: @font-size-base;
    }

    &--lg {
      // 副标题
      font-size: @font-size-subhead;
    }

    &--xl {
      // 辅助文字
      font-size: @font-size-caption;
    }

    &--xxl {
      // 标题字体
      font-size: @font-size-heading;
    }
  }

  // 行高
  &__line-height {
    line-height: @line-height-base;

    &--base {
      // 单行
      line-height: @line-height-base;
    }

    &--paragraph {
      // 多行
      line-height: @line-height-paragraph;
    }
  }

  // 对齐
  &__align {
    &--l {
      text-align: left;
    }

    &--c {
      text-align: center;
    }

    &--r {
      text-align: right;
    }

    &--j {
      text-align: justify;
      text-align-last: left;
    }

    &-last {
      &--l {
        text-align-last: left;
      }

      &--c {
        text-align-last: center;
      }

      &--r {
        text-align-last: right;
      }
    }
  }

  // 截断
  &__text-overflow {
    &--1 {
      .ellipsis();
    }

    &--2 {
      .ellipsis();
      word-break: break-all;
      white-space: normal;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }

  // 颜色
  &__color {
    &--base {
      // 基本 ---- 默认文字
      color: @color-text-base;
    }
    &--base-inverse {
      // 基本 - 反色 ---- 深色背景下的文字
      color: @color-text-base-inverse;
    }
    &--secondary {
      // 辅助色
      color: @color-text-secondary;
    }
    &--placeholder {
      // 文本框提示 ---- input输入框、textarea输入区域-文字提示 清除图标的默认颜色
      color: @color-text-placeholder;
    }
    &--disabled {
      // 失效 ----
      color: @color-text-disabled;
    }
    &--caption {
      // 辅助描述 ----
      color: @color-text-caption;
    }
    &--paragraph {
      // 段落 ----
      color: @color-text-paragraph;
    }
    &--link {
      // 链接 ----
      color: @color-link;
    }
    // 状态色
    &--primary {
      // 主色
      color: @brand-primary;
    }
    &--primary-tap {
      // 主色按下
      color: @brand-primary-tap;
    }
    &--success {
      // 成功
      color: @brand-success;
    }
    &--warning {
      // 警告
      color: @brand-warning;
    }
    &--error {
      // 失败
      color: @brand-error;
    }
    &--important {
      // 重要
      color: @brand-important;
    }
    &--hot {
      // 热门
      color: @brand-hot;
    }
    &--wait {
      // 等待
      color: @brand-wait;
    }
  }

  // 首字母
  &__text-transform {
    // 英文每个单词首个字符大写
    &--capitalize {
      text-transform: capitalize;
    }
    // 全大写
    &--uppercase {
      text-transform: uppercase;
    }
    // 全小写
    &--lowercase {
      text-transform: lowercase;
    }
  }
}