@import '../../style/themes/index';
@import '../../style/mixins/index';

@m-single-body-container-prefix-cls: m-single-body;

.@{m-single-body-container-prefix-cls}-container {
  min-height: @single-body-container-min-height;

  .@{m-single-body-container-prefix-cls}-nz-card {
    .ant-card-head {
      padding: @single-body-container-ant-card-head-padding;
    }
    .ant-card-head-title {
      display: flex;
      flex-flow: row-reverse;
      align-items: center;
      justify-content: flex-end;
      padding: unset;
    }

    .ant-card-extra {
      padding: unset;
    }

    .ant-card-body {
      min-height: @single-body-container-ant-card-body-min-height;
      padding: @single-body-container-ant-card-body-padding;
    }

    .@{m-single-body-container-prefix-cls}-tab-icon {
      margin: @single-body-container-tab-icon-margin;
    }

    .@{m-single-body-container-prefix-cls}-back-icon {
      margin-right: @single-body-container-back-icon-marigin-right;
      cursor: pointer;
    }
  }

  .@{m-single-body-container-prefix-cls}-padding {
    .ant-card-body {
      min-height: @single-body-container-padding-ant-card-body-min-height;
      padding: @single-body-container-padding-ant-card-body-min-padding;
    }
  }
}

.@{m-single-body-container-prefix-cls}-content-container {
  display: flex;
  flex-wrap: wrap;
  justify-self: flex-start;
  width: @single-body-content-container-width;

  @media screen and (max-width: 1440px) {
    > m-content-card { /* stylelint-disable-line */
      width: 16.6%;
    }
  }

  @media screen and (max-width: 1920px) and (min-width: 1441px) {
    > m-content-card { /* stylelint-disable-line */
      width: 12.5%;
    }
  }
}