// Copyright (c) Pascal Brand
// MIT License

$webtools-polaroid-rotate: var(--wt-polaroid-rotate, -5deg) !default;   // text rotation angle
$webtools-polaroid-up: var(--wt-polaroid-up, 0px) !default;   // text position

.webtools-polaroid {
  background: #fff;
  padding: 15px 15px 0px 15px;

  box-shadow: 0 3px 6px rgba(0, 0, 0, .25);

  transform: rotate($webtools-polaroid-rotate) translate(0px, $webtools-polaroid-up);
  transition: transform .15s linear;

  &__text {
    text-align: center;
  }

  img {
    display: block;
    width: 100%;
  }

  &:hover {
    transform: scale(1.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .5);
    z-index: 1;
  }
}