@include c(title) {
  position: relative;

  @include m(md) {
    @include text--middle(px2rpx(map-get($c-title, --md-height) + 2px));

    text-indent: px2rpx(24px);

    &::after {
      @include position--absolute(50%, null, null, 0);
      @include size(px2rpx(6px), px2rpx(map-get($c-title, --md-height)));

      transform: translateY(-50%);
      border-radius: px2rpx(6px);
      display: block;
      content: "";
      background-color: map-get($colors, primary);
    }
  }

  @include m(bg) {
    @include text--middle(px2rpx(map-get($c-title, --bg-height)));

    line-height: 100%;
    text-align: center;

    &::after {
      @include position--absolute(null, null, 0, 50%);
      @include size(px2rpx(60px), px2rpx(6px));

      transform: translateX(-50%);
      border-radius: px2rpx(6px);
      display: block;
      content: "";
      background-color: map-get($colors, primary);
    }
  }
}