@import '../../style/constants.less';
@import '../../style/mixin.less';

.@{yw-prefix}-title {
  position: relative;
  margin-top: @vertical-space;
  padding: @title-padding;
  .min-border-after(bottom, @light-gray, {});

  &.prefix {
    .min-border-before(
      left,
      @title-prefix-bgColor,
      {width: @title-prefix-width; top: 16%; bottom: 16%; border-radius: @border-radius;}
    );
  }

  .toolbar {
    margin-left: 10px;
  }

  .content {
    position: relative;
    color: @title-content-color;
    font-weight: 400;
    .font-size(@font-size);

    &.divider {
      padding-right: 20px;
      .min-border-after(right, @title-divider-bgColor, {right: 10px;});
    }
  }
}