/* Draggable
 ========================================================================== */

/**
 * jQuery UI Draggable.
 *
 * Some classes and HTML elements generally added via JavaScript, more info -
 * https://jqueryui.com/draggable/
 *
 * Example HTML:
 *
 * <div class="ui-draggable">
 *     Content
 * </div>
 */

.ui-draggable {
    transition: box-shadow 0.1s linear;
}

.ui-draggable-handle {
    touch-action: manipulation;
}

/**
 * Class added when element is actively being dragged.
 */

.ui-draggable-dragging {
    z-index: 1000;
    opacity: 0.66;
    box-shadow: $standard-shadow;
}

@include dark-mode {
    .ui-draggable-dragging {
        box-shadow: $dark-standard-shadow;
    }
}