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

$webtools-postit-width: var(--wt-postit-width, 100%) !default;
$webtools-postit-color: var(--wt-postit-color, lightgoldenrodyellow) !default;
$webtools-postit-rotate: var(--wt-postit-rotate, 4deg) !default;   // text rotation angle
$webtools-postit-up: var(--wt-postit-up, 0px) !default;   // text position

.webtools-postit {
  aspect-ratio: 1;
  width: $webtools-postit-width;
  background-color: $webtools-postit-color;

  padding:1rem;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);

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

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