/*! UIkit 2.20.3 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */
/* ========================================================================
   Component: Sortable
 ========================================================================== */

.uk-sortable {
  position: relative;
  > * {
    /* 1 */
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /* 2 */
    touch-action: none;
    * {
      -webkit-user-drag: none;
      user-drag: none;
    }
  }
  &:empty {
    min-height: 30px;
    &::after {
      min-height: 30px;
      width: 100%;
    }
  }
}

/*
 * 1. Makes text unselectable
 * 2. Deactivate browser touch actions in IE11
 */

/*
 * Prevents images and links from being dragged (default browser behavior)
 * Currently only works in Webkit
 */

/*
 * Give empty lists a placeholder style to make sure drag and drop works
 */

/*
 * Handle empty list inside grid
 */

.uk-grid .uk-sortable:empty::after {
  margin-left: 25px;
}

@media (min-width: 1220px) {
  .uk-grid .uk-sortable:empty::after {
    margin-left: 35px;
  }
}

/* Sub-modifier `uk-sortable-dragged`
 ========================================================================== */

.uk-sortable-dragged {
  position: absolute;
  z-index: 1050;
  pointer-events: none;
}

/* Sub-modifier `uk-sortable-placeholder`
 ========================================================================== */

.uk-sortable-placeholder {
  opacity: 0;
}

/* Sub-modifier `uk-sortable-over`
 * Only if `warp:true`
 ========================================================================== */

.uk-sortable-over {
  opacity: 0.3;
}

/* Sub-object `uk-sortable-moving`
 ========================================================================== */

.uk-sortable-moving {
  cursor: move;
  * {
    cursor: move;
  }
}