vue-ant-patterns/lib/style/other/list.less

vue-ant-patterns

.d-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0;
  list-style-type: none;

  li {
    list-style-type: none;
  }
  &-col-2 {
    justify-content: space-between;

    .item {
      width: 49%;
    }
  }

  &-readonly {
    .ant-form-item {
      margin-bottom: 0;
    }
  }

  .ant-form-item-control,
  .ant-form-item-label {
    line-height: @input-height-base - 0.0001px;
  }
  &-form {
    padding-top: 12px;
    .ant-form-item-label {
      width: 20%;
    }
  }

  &-lg {
    .ant-form-item-control,
    .ant-form-item-label {
      line-height: @input-height-lg - 0.0001px;
    }
  }
  &-sm {
    .ant-form-item-control,
    .ant-form-item-label {
      line-height: @input-height-sm - 0.0001px;
    }
  }

  &-edit {
    .ant-form-item-control,
    .ant-form-item-label {
      line-height: @input-height-lg - 0.0001px;
    }
  }
}

.d-list-readonly {
  .d-list {
    .ant-form-item {
      margin-bottom: 0;
    }
  }
}
.d-list-lg {
  .d-list {
    .ant-form-item-control,
    .ant-form-item-label {
      line-height: @input-height-lg - 0.0001px;
    }
  }
}
.d-list-sm {
  .d-list {
    .ant-form-item-control,
    .ant-form-item-label {
      line-height: @input-height-sm - 0.0001px;
    }
  }
}

.d-list-edit {
  .d-list {
    .ant-form-item-control,
    .ant-form-item-label {
      line-height: @input-height-lg - 0.0001px;
    }
  }
}