@import ../../styles/lib

.RegionTools
  position: absolute
  top: rem(5)
  right: rem(5)
  color: #aaa

.no-touch .RegionTools button:hover .SVGIcon > g
  stroke: black

.RegionTools .DragHandler
  transform: rotate(90deg)
  cursor: move

.editor-region[data-num-blocks="1"] .DragHandler
  display: none

.BlockPlaceholder + .RegionTools
  display: none

.editor:not(.hasContent) .BlockRemove
  display: none

@media(min-width: #{$break-2})
  .no-touch .BlockRemove > .DeleteIcon
    transform-origin: center center
    transition-duration: $speed, $speed, $speed2
  .no-touch .BlockRemove:hover > .DeleteIcon
    transition-delay: 0.5s, 0.5s, (0.5s + $speed)
    transform: rotate(360deg)


@import ../../styles/lib

.RegionTools
  position: absolute
  top: rem(5)
  right: rem(5)
  color: #aaa

.no-touch .RegionTools button:hover .SVGIcon > g
  stroke: black

.RegionTools .DragHandler
  transform: rotate(90deg)
  cursor: move
  display: none

.no-touch .RegionTools .DragHandler
  display: block

.editor-region[data-num-blocks="1"] .DragHandler
  display: none

.BlockPlaceholder + .RegionTools
  display: none

.editor:not(.hasContent) .BlockRemove
  display: none

@media(min-width: #{$break-2})
  .no-touch .BlockRemove > .DeleteIcon
    transform-origin: center center
    transition-duration: $speed, $speed, $speed2
  .no-touch .BlockRemove:hover > .DeleteIcon
    transition-delay: 0.5s, 0.5s, (0.5s + $speed)
    transform: rotate(360deg)


Hide the drag handler on mobile.
Hide the drag handler on mobile.