@import "../settings.colors";
@import "../settings.fonts";

@import "settings.fonts";
@import "tools.mixins";

@mixin c-card--crea-sm {
  .c-card--crea {
    @include grid-template-columns(rem(10), rem(276) 1fr);
    @include grid-template-rows(0, grid-repeat(4, auto));
  }
  .c-card--crea__image {
    @include grid-row(1, 3);
    margin-bottom: 0;
    .c-image-container {
      height: rem(186);
    }
  }
  .c-card--crea__info {
    @include grid-row(1, 2);
    @include grid-column(2, 3, true);
    text-align: left;
  }
  .c-card--crea__more-info {
    @include grid-row(3, 4);
    @include grid-column(1, 3, true);
    .c-card--crea__detail:first-of-type {
      margin-top: rem(10);
    }
  }
  .c-card--crea__actions--show-more {
    @include grid-row(2, 3);
    @include grid-column(2, 3, true);
    @include grid-justify-self(end);
    margin-top: rem(-16);
  }
  .c-card--crea__actions--show-less {
    @include grid-row(4, 5);
    @include grid-column(1, 3, true);
  }
}

@mixin c-card--crea-lg {
  .c-card--crea {
    @include grid-template-columns(rem(10), rem(316) 1fr);
    .c-image-container {
      height: rem(214);
    }
  }
}
