ginpei/potoshop

View on GitHub
src/pages/paint/PaintCanvas.css

Summary

Maintainability
Test Coverage
.PaintCanvas {
  background-color: #999;
  transition: filter 300ms;
}
.PaintCanvas-canvas {
  box-shadow: 0 0 var(--app-space) #0009;
  display: block;
  transform-origin: left top;
  transition: transform 200ms ease-out;
}
.PaintCanvas-canvas.-active {
  transition: none;
}
.PaintCanvas-size {
  background-color: #9999;
  left: 0;
  opacity: 0;
  padding: var(--app-space);
  position: fixed;
  text-shadow: 1px 1px 0 #fff;
  transition: opacity 1000ms step-end;
  top: 0;
}
.PaintCanvas-size.-active {
  opacity: 1;
  transition: opacity 0ms;
}