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

@mixin hetiInlineHelperClasses {
  // 标题内锚点
  #{$root-selector}-anchor {
    position: absolute;
    left: -1em;
    width: 1em;
    font-family: $font-family-hei;
    font-weight: 400;
    line-height: inherit;
    text-align: center;
    opacity: 0;
    transition: opacity 0.2s linear;

    &:hover {
      text-decoration: none;
      border-block-end: 0;
    }

    @at-root {
      #{$root-selector} {
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
          position: relative;

          &:hover #{$root-selector}-anchor {
            opacity: 1;
          }
        }
      }
    }
  }

  // @todo: 用于标点悬挂用的样式
  #{$root-selector}-hang {
    @include hang();
  }
}