heti/lib/_base.scss

// Author: Sivan [sun.sivan@gmail.com]
// Description: base reset and entry styles.
@import "variables";

@mixin hetiBase {
  // 清容器浮动
  @include clear-float();

  // 清容器内首尾元素外边距
  &,
  section,
  td {
    > *:first-child {
      margin-block-start: 0 !important;
    }

    > *:last-child {
      margin-block-end: 0 !important;
    }
  }

  figure {
    display: block;
    text-align: center;

    > img {
      display: block;
      margin-inline-start: auto;
      margin-inline-end: auto;
    }
  }

  hr {
    width: 30%;
    height: 1px;
    margin-block-start: $std-block-unit * 2;
    margin-block-end: $std-block-unit * 2 - 1px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border: 0;
    background-color: hsl(0, 0%, 80%);

    @include darkmode-style {
      background-color: hsl(0, 0%, 25%);
    }
  }

  p {
    margin-block-start: $std-block-unit * 0.5;
    margin-block-end: $std-block-unit;
    text-align: justify;

    @include non-cjk-block {
      text-align: start;
    }
  }

  // 非中文时不加间距
  letter-spacing: $letter-spacing-medium;
  @include non-cjk-block {
    letter-spacing: $letter-spacing-normal;
  }

  a,
  abbr,
  code,
  heti-spacing,
  [lang="en-US"] {
    // There should be no leeter-spacing between English characters.
    letter-spacing: normal;
  }
}