@import "var";
@import "transition";

// 交互
// 交互：点击缩放
.vci-tc-scale {
  @extend %transition;

  cursor: pointer;
  transition-duration: $transition-duration-quick;

  &:hover {
    transform: scale(1.05) rotateZ(0);
  }

  &:active {
    transform: scale(0.9) rotateZ(0);
  }
}

// 交互：透明度变换
.vci-tc-alpha {
  @extend %transition;

  cursor: pointer;
  transition-duration: $transition-duration-quick;

  &:hover {
    opacity: 0.9;
  }

  &:active {
    opacity: 0.8;
  }
}