framework7/components/stepper/stepper-aurora.less

Full featured mobile HTML framework for building iOS & Android apps

.aurora {
  .stepper-button,
  .stepper-button-minus,
  .stepper-button-plus {
    transition-duration: 100ms;
    transform: translate3d(0, 0, 0);
    overflow: hidden;
  }
  &.device-desktop {
    .stepper-button,
    .stepper-button-minus,
    .stepper-button-plus {
      &:not(.active-state):not(.no-hover):hover {
        background-color: var(
          --f7-stepper-button-hover-bg-color,
          rgba(var(--f7-theme-color-rgb), 0.07)
        );
      }
    }
  }
  .stepper-fill,
  .stepper-fill-aurora {
    --f7-stepper-button-hover-bg-color: var(
      --f7-stepper-button-fill-hover-bg-color,
      var(--f7-theme-color-tint)
    );
    --f7-stepper-button-pressed-bg-color: var(
      --f7-stepper-fill-button-pressed-bg-color,
      var(--f7-theme-color-shade)
    );
  }
}