$placeholder-border-color: #BBB;
$placeholder-border: 1px dashed $placeholder-border-color;

.query-builder {
  .drag-handle {
    @extend %rule-component;
    cursor: move;
    vertical-align: middle;
    margin-left: 5px;
  }

  .dragged {
    opacity: 0.5;
  }

  .rule-placeholder {
    @extend %base-container;
    border: $placeholder-border;
    opacity: 0.7;
  }
}