uxcore-title/src/Title.less

uxcore-title component for uxcore.

/**
 * Title Component Style for uxcore
 * @author eternalsky
 *
 * Copyright 2015-2018, Uxcore Team, Alinw.
 * All rights reserved.
 */

@__titlePrefixCls: kuma-title;

.@{__titlePrefixCls} {
  color: @dark-alpha-2;
  &-primary {
    font-size: 20px;
    margin: 24px 0 30px;
  }
  &-secondary {
    font-size: 16px;
    margin: 30px 0 20px;
    position: relative;
    border-bottom: 1px solid @normal-alpha-7;
    line-height: 32px;
    &:before {
      content: '';
      border-left: 3px solid @brand-primary;
      height: 14px;
      display: inline-block;
      margin-right: 8px;
      position: relative;
      top: 1px;
    }
  }
  &-thirdary {
    font-size: 14px;
    margin: 20px 0 12px;
  }
  &-no-decoration {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    &.@{__titlePrefixCls}-secondary {
      border-bottom: none;
      &:before {
        display: none;
      }
    }
  }
}