@prefix: deye-title-content;

.@{prefix} {
  &- {
    &root {
      position: relative;

    }


    &header {
      position: relative;

      .@{prefix}-title {
        padding: 4px 0;
        //flex-shrink: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;

        &:after {
          content: ":";
          position: relative;
          top: -.5px;
          margin: 0 8px 0 2px;
        }

        &.@{prefix}-required:before {
          display: inline-block;
          margin-right: 4px;
          color: #ff4d4f;
          font-size: 14px;
          font-family: SimSun, sans-serif;
          line-height: 1;
          content: "*";
        }
      }

      .@{prefix}-content {
        min-width: 80px;
        flex: 1;
      }

      &.@{prefix}-horizontal {
        display: flex;
        align-items: center;

        .@{prefix}-title {
          padding: 0 8px 0 0;
        }
      }
    }

    &errorTips {
      height: 0;
      transition: height 300ms;
      color: red;
      overflow: hidden;

      &.@{prefix}-show {
        height: 24px;
      }
    }
  }
}