@import './variables.scss';
@import '~@alifd/next/lib/core/index-noreset'; // next core style
@import '~@alifd/next/lib/list/scss/variable';
@import '~@alifd/next/lib/list/scss/mixin';

.#{$css-prefix}list-small {
  .#{$css-prefix}list-item {
    margin-left: 8px;
    &.#{$css-prefix}only-content-item {
      line-height: $b-design-list-small-line-height;
    }
  }
}

.#{$css-prefix}list-medium {
  .#{$css-prefix}list-item {
    &.#{$css-prefix}only-content-item {
      line-height: $b-design-list-medium-line-height;
    }
  }
}

.#{$css-prefix}list-large {
  .#{$css-prefix}list-item {
    &.#{$css-prefix}only-content-item {
      line-height: $b-design-list-large-line-height;
    }
  }
}

.#{$css-prefix}list-medium,
.#{$css-prefix}list-small,
.#{$css-prefix}list-large {
  background-color: #fff;
  padding-left: $b-design-list-padding-l;
  overflow: hidden;

  .#{$css-prefix}only-content-item {
    padding: 0;
    color: $b-design-list-title-color;
  }

  .#{$css-prefix}list-items {
    .#{$css-prefix}only-content-item,
    .#{$css-prefix}content-avatar {
      margin-left: $b-design-list-margin-l;
      .#{$css-prefix}list-item-title {
        color: $b-design-list-title-color;
      }
    }

    .#{$css-prefix}content-avatar {
      .#{$css-prefix}list-item-media {
        padding-right: $s-4;
      }
    }

    .#{$css-prefix}list-item {
      padding-right: 0;
      .#{$css-prefix}list-item-extra {
        padding-right: $s-6;
      }
      .#{$css-prefix}list-item-content {
        .#{$css-prefix}list-item-title {
          height: $s-6;
          line-height: $s-6;
        }
      }
    }
  }

  .#{$css-prefix}only-content-img {
    .#{$css-prefix}list-item-title {
      font-size: $b-design-list-large-title-font-size;
    }

    .#{$css-prefix}update-time {
      color: $b-design-list-update-color;
    }
    .#{$css-prefix}divider-ver {
      background: $b-design-list-divider-color;
    }
  }
  .#{$css-prefix}list-items
    .#{$css-prefix}only-content-img
    .#{$css-prefix}list-item-extra {
    padding-right: 0;
    .#{$css-prefix}btn-text.#{$css-prefix}medium {
      font-size: 12px;
    }
  }
  .#{$css-prefix}list-header {
    margin-left: $b-design-list-margin-l;
    overflow: hidden;
  }
}

.#{$css-prefix}list {
  .#{$css-prefix}list-header,
  .#{$css-prefix}list-item {
    padding-left: 0;
    border-bottom: 1px solid $color-line1-1;
  }
  .#{$css-prefix}list-empty {
    color: $color-text1-1;
  }
}