item-sliding.ionic.scss

@use "./item-sliding.common";
@use "../../themes/ionic/ionic.globals.scss" as globals;

// Transition utility classes
.item-sliding-transition-open .item {
  transition: transform globals.$ion-transition-time-250 globals.$ion-transition-curve-smooth;
}

.item-sliding-transition-snapback .item {
  transition: transform globals.$ion-transition-time-300 globals.$ion-transition-curve-bounce;
}

// Ionic full-swipe confirm sequence (replaces inline `transition` on item / expandable width)
.item-sliding-ionic-confirm-item-in .item {
  transition: transform globals.$ion-transition-time-150 globals.$ion-transition-curve-base;
}

.item-sliding-ionic-confirm-item-back .item {
  transition: transform globals.$ion-transition-time-500 globals.$ion-transition-curve-bounce;
}

ion-item-option.item-sliding-expandable-width-in {
  transition: width globals.$ion-transition-time-150 globals.$ion-transition-curve-base;
}

ion-item-option.item-sliding-expandable-width-back {
  transition: width globals.$ion-transition-time-500 globals.$ion-transition-curve-bounce;
}

.item-sliding-active-slide .item {
  position: relative;

  opacity: 1;
  z-index: globals.$ion-z-index-100;
  pointer-events: none;
  will-change: transform;
}