@import '../../style/core/animation';
@import '../../style/theme/color';
@import '../../style/theme/corner';

.ui-draggable-dragging :host > * {
  pointer-events: none !important;
}

.d-dashboard-widget {
  border: 1px solid transparent;
  box-shadow: 0 2px 8px 0 $devui-light-shadow;
  background: $devui-base-bg;
  border-radius: $devui-border-radius;
  transition:
    box-shadow $devui-animation-duration-slow $devui-animation-ease-in-out-smooth,
    transform $devui-animation-duration-slow $devui-animation-ease-in-out-smooth;
}

:host.ui-resizable-resizing .d-dashboard-widget,
:host.ui-draggable-dragging .d-dashboard-widget {
  opacity: 1;
}

:host.ui-draggable-dragging .d-dashboard-widget,
.grid-stack:not(.grid-stack-static) :host.ui-draggable:not(.ui-draggable-disabled) .d-dashboard-widget {
  cursor: pointer;
}

.ui-draggable-dragging :host .d-dashboard-widget,
:host.ui-draggable-dragging .d-dashboard-widget,
.grid-stack:not(.grid-stack-static) :host:hover .d-dashboard-widget {
  transform: translateY(-4px);
  box-shadow: 0 4px 8px 0 $devui-shadow;
}
