.card
{
  > .card-reveal
  {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: @card-reveal-bg;
    .transition(all, @animation-speed-slow, @animation-type);

    > .card-heading
    {
      padding: 20px 10px;
    }
  }

  &:hover
  {
    > .card-reveal
    {
      top: 0;
    }
  }
}
