@commonTitlePrefixCls: cylon-common-title;

.cylon-common-title {

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;

  & &-title-start-box {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  & &-title-txt {
    font-size: @home-title-font-size;
    font-family: @home-title-font-family;
    font-weight: @home-title-font-weight;
    color: @home-title-font-color;
  }

  & &-title-end-box {
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  & &-title-end-txt {
    align-self: center;
    font-size: @home-end-title-font-size;
    color: @home-end-title-font-color;
    line-height: 1;
  }

  & &-title-end-icon {
    align-self: center;
    height: 16px;
    width: 16px;
    margin-top: 2px;
  }
}