/// card.scss -*- Mode: text; indent-tabs-mode: nil; basic-offset: 2 -*-
@import 'extends';

$card-margin: 8px !default;
$card-box-shadow: $whiteframe-shadow-z1 !default;

md-card {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: $card-box-shadow;

  > img {
    order: 0;
    width: 100%;
  }

  md-card-content {
    order: 1;
    transition: $swift-ease-in-out;
  }

  &.md-default-theme {
    background-color: sg-color($sogoPaper, 50);
  }
}