@import '../base/variables';

.card-container {
  display:flex;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: $white;
  background-clip: border-box;
  width:100%;
  height:100%;

  @each $type, $value in $main-component-type {
    &.card-#{$type} {
      //border: 1px solid $value;
      background-color: map-get($main-component-backgrounds, $type);
    }
  }
}