@import '../../../styles/variables';
@import '../../../styles/mixins';

$ds-wrapper-grid-spacing: $spacer/2;

ds-wrapper-grid-element ::ng-deep {
  div.thumbnail > img {
    height: $card-thumbnail-height;
    width: 100%;
  }
  div.card {
    margin-top: $ds-wrapper-grid-spacing;
    margin-bottom: $ds-wrapper-grid-spacing;
  }
}

.card-columns {
  margin-left: -$ds-wrapper-grid-spacing;
  margin-right: -$ds-wrapper-grid-spacing;

  .card-column {
    padding-left: $ds-wrapper-grid-spacing;
    padding-right: $ds-wrapper-grid-spacing;
  }
}