seehoo-design-plus/src/styles/sh/description.less

An UI components for Seehoo Vuejs.3

@icon-prefix-cls: ~"@{css-prefix}icon";
@description-prefix-cls: ~"@{sh-css-prefix}description";

.@{description-prefix-cls} {
  &-item {
    padding: 20px 20px 0;
    background-color: @white;
  }

  &-title {
    position: relative;
    margin-bottom: @margin-lg;
    height: 21px;
    line-height: 21px;

    .expand-btn {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer;
      color: @primary-color;
      font-weight: 600;
    }

    .@{icon-prefix-cls} {
      font-weight: 600;
    }
  }

  &-col {
    display: flex;
    margin-bottom: @margin-lg;

    &-label {
      color: @input-color;
    }

    &-value {
      margin-left: @margin-md;
      color: @font-color;
    }
  }
}