@import './card/_card';
@import './_card-list-mixin';
@import './_card-list-constant';

.rac {

  /**
   * @card-list
   * @stable [04.05.2020]
   */
  @include rac-list (
    $rac-list-custom: $rac-card-list-cls,
    $rac-list-align-content: $rac-card-list-align-content,
    $rac-list-display: $rac-card-list-display,
    $rac-list-flex-wrap: $rac-card-list-flex-wrap,
    $rac-list-item-align-items: $rac-card-list-item-align-items,
    $rac-list-item-background: $rac-card-list-item-background,
    $rac-list-item-float: $rac-card-list-item-float,
    $rac-list-item-height: $rac-card-list-item-height,
    $rac-list-item-margin: $rac-card-list-item-margin,
    $rac-list-item-padding: $rac-card-list-item-padding,
    $rac-list-item-width: $rac-card-list-item-width,
    $rac-list-justify-content: $rac-card-list-justify-content,
    $rac-list-margin: $rac-card-list-margin
  );

  /**
   * @media
   * @stable [07.06.2020]
   */
  @media (min-width: $rac-primary-media-query-breakpoint-1-min) and (max-width: $rac-primary-media-query-breakpoint-1-max) {

    /**
     * @card-list
     * @stable [07.06.2020]
     */
    @include rac-list (
      $rac-list-custom: $rac-card-list-cls,
      $rac-list-item-height: $rac-card-list__media-query-breakpoint-1-min-max__item-height,
      $rac-list-item-width: $rac-card-list__media-query-breakpoint-1-min-max__item-width
    );
  }

  /**
   * @media
   * @stable [07.06.2020]
   */
  @media (min-width: $rac-primary-media-query-breakpoint-0-min) and (max-width: $rac-primary-media-query-breakpoint-0-max) {

    /**
     * @card-list
     * @stable [07.06.2020]
     */
    @include rac-list (
      $rac-list-custom: $rac-card-list-cls,
      $rac-list-item-height: $rac-card-list__media-query-breakpoint-0-min-max__item-height,
      $rac-list-item-margin: $rac-card-list__media-query-breakpoint-0-min-max__item-margin,
      $rac-list-item-nth-child-2n-margin-left: $rac-card-list__media-query-breakpoint-0-min-max__item-nth-child-2n-margin-left,
      $rac-list-item-width: $rac-card-list__media-query-breakpoint-0-min-max__item-width
    );
  }
}