/*!
 * SPDX-License-Identifier: Apache-2.0
 *
 * The OpenSearch Contributors require contributions made to
 * this file be licensed under the Apache-2.0 license or a
 * compatible open source license.
 *
 * Modifications Copyright OpenSearch Contributors. See
 * GitHub history for details.
 */

.ouiDroppable {
  $ouiDroppableColor: $ouiColorSecondary;
  transition: background-color $ouiAnimSpeedExtraSlow ease;

  &.ouiDroppable--isDraggingType:not(.ouiDroppable--isDisabled) {
    background-color: transparentize($ouiDroppableColor, .9);

    &.ouiDroppable--isDraggingOver {
      background-color: transparentize($ouiDroppableColor, .75);
    }
  }

  .ouiDroppable__placeholder {
    &.ouiDroppable__placeholder--isHidden {
      // Overriding inline styles on JS-inserted HTML elements
      display: none !important; // sass-lint:disable-line no-important
    }
  }
}

@include ouiPanel($selector: '.ouiDroppable--withPanel');

.ouiDroppable--withPanel {
  @include ouiBottomShadowMedium;
  border-radius: $ouiBorderRadius;
}

.ouiDroppable--noGrow {
  flex-grow: 0;
}

.ouiDroppable--grow {
  flex-grow: 1;
}

@each $size, $spacing in $ouiDragAndDropSpacing {
  .ouiDroppable--#{$size} {
    padding: $spacing;
  }
}