@import "../../style/index.less";

@du-prefix-gridview: ~"@{du-prefix}-gridview";
@du-prefix-gridviews: ~"@{du-prefix}-gridviews";

.@{du-prefix-gridview} {
  .@{du-prefix-gridview}-row {
    margin-bottom: 16px;
    font-size: 12px;
    &:last-of-type {
        margin-bottom: 0;
      }
    .@{du-prefix-gridview}-row-label {
      float: left;
      color: #5C5F66;;
    }

    .@{du-prefix-gridview}-row-content {
      color: #151b26;
      word-wrap: break-word;
      word-break: break-all;
      margin-right: 20px;
    }
  }
}

.@{du-prefix-gridviews} {
  .@{du-prefix-gridviews}-item {
    padding: 24px;
    margin-bottom: 16px;
    border-radius: 6px;
    background-color: #fff;

    &:last-of-type {
      margin-bottom: 0;
    }
    .@{du-prefix-gridviews}-item-title {
      margin-bottom: 16px;
      font-size: 16px;
      line-height: 24px;
      font-family: PingFangSC-Medium;
    }
  }
}