heti/lib/helpers/_block.scss

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

@mixin hetiBlockHelperClasses {
  // 段落相关
  // 元信息无缩进
  #{$root-selector}-meta {
    display: block;
    text-indent: 0;
  }

  // 诗节无缩进，居中显示
  #{$root-selector}-verse {
    text-align: center;
    text-indent: 0;
  }

  // 定义扩展字号
  #{$root-selector} {
    &-large {
      font-size: $font-size-large;
      line-height: $line-height-size-large;
    }

    &-x-large {
      font-size: $font-size-x-large;
      line-height: $line-height-size-x-large;
      letter-spacing: 0.05em;
    }

    &-small {
      font-size: $font-size-small;
      line-height: $line-height-size-small;
    }

    &-x-small {
      font-size: $font-size-x-small;
      line-height: $line-height-size-x-small;
    }
  }

  // 列表相关
  // 定义拉丁字母的有序列表
  #{$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;
      }
    }
  }

  // 页脚
  #{$root-selector}-fn {
    margin-block-start: 59px;
    border-block-start: 1px solid;
    border-block-start-color: hsl(0, 0%, 80%);
    font-size: $font-size-small;
    font-family: $font-family-hei;
    line-height: $line-height-size-normal;

    @media (prefers-color-scheme: dark) {
      border-block-start-color: hsl(0, 0%, 25%);
    }

    ol {
      margin-block-start: $std-block-unit / 2;
      margin-block-end: 0;
    }

    li {
      &:target {
        background-color: hsl(210, 100%, 93%);

        @media (prefers-color-scheme: dark) {
          background-color: hsl(210, 40%, 38%);
        }
      }
    }
  }
}