/// <reference path="../defaults" />
/// <reference path="variables_and_mixins" />
@import "../common/colors";
@import "../common/mixins";
@import "../common/media_querys";
//02/05
card {
  width: 100%
}

.card-container {

  //width: 100%;
  height: inherit;

  .card {
    //min-width: 100%;
    // border-radius: 4px;
    //width: 100%;
    ////overflow: hidden;
    //min-height: 50px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    height: inherit;

    &.is-selectable {
      &:hover {
        box-shadow: 0 1px 2px rgba(43, 59, 93, 0.29), 0 0 13px rgba(43, 59, 93, 0.29);
        cursor: pointer;
      }
    }

    &.card--color-white {
      background: $color-white;
    }

    &.card--color-dark {
      background: $color-dark-card;
    }

    &.card--color-primary {
      background: $color-primary;
    }
  }
}