@import "{design}/app"

.resizable
  transform(scale(1))

  &.resizing, .resize-bound
    user-select: none
    -webkit-touch-callout: none
    -webkit-user-select: none
    -khtml-user-select: none
    -moz-user-select: none
    -ms-user-select: none

  .resize-bound
    content: ''
    line-height: 1em
    position: fixed

  .bound-left
    left: 0
    width: 1em

  .bound-center
    left: 1em
    height: 1em
    right: 1em

  .bound-right
    right: 0
    width: 1em

  .bound-top
    top: 0
    height: 1em

  .bound-middle
    top: 1em
    width: 1em
    bottom: 1em

  .bound-bottom
    bottom: 0
    height: 1em

  .bound-left.bound-top, .bound-right.bound-bottom
    cursor: nwse-resize

  .bound-left.bound-bottom, .bound-right.bound-top
    cursor: nesw-resize

  .bound-left.bound-middle, .bound-right.bound-middle
    cursor: ew-resize

  .bound-center.bound-top, .bound-center.bound-bottom
    cursor: ns-resize