/*
 * Author: Sivan [sun.sivan@gmail.com]
 * Description: define block helper classes.
 */
@import "variables";

@mixin hetiBlockHelperClasses {
  // 定义拉丁字母的有序列表
  #{$root-selector}-list-latin {
    list-style-type: upper-latin;

    ol {
      list-style-type: lower-roman;

      ol {
        list-style-type: lower-latin;
      }
    }
  }

  // 定义中文序号的有序列表
  #{$root-selector}-list-han {
    list-style-type: cjk-ideographic;

    ol {
      list-style-type: decimal;

      ol {
        list-style-type: decimal-leading-zero;
      }
    }
  }

  // 定义多栏布局
  @each $columns in (2, 3, 4) {
    #{$root-selector}-columns-#{$columns} {
      // 多行时不再设总宽度限制
      max-width: none;
      column-count: #{$columns};
      column-gap: 2em;
    }
  }

  @each $column-width in (16em, 20em, 24em, 28em, 32em, 36em, 40em, 44em, 48em) {
    #{$root-selector}-columns-#{$column-width} {
      // 多行时不再设总宽度限制
      max-width: none;
      column-width: #{$column-width};
      column-gap: 2em;
    }
  }

  // 元信息、诗节居中显示
  #{$root-selector}-meta {
    line-height: $line-height-size-normal;
    text-align: center;
    text-indent: 0;
  }
}