@import "../plugins/theme-variables.scss";
@import "~element-ui/packages/theme-chalk/src/mixins/button";
@import "~element-ui/packages/theme-chalk/src/mixins/mixins";
@import "~element-ui/packages/theme-chalk/src/mixins/utils";
@import "~element-ui/packages/theme-chalk/src/button";

/* ---- jellies overrides (migrated from SFC; ships in theme/X.css) ---- */
.el-button {
  transition: filter .2s,transform $--button-lip-size;
  transform: translateY(1 - $--button-lip-size);
  &--primary {
    box-shadow: 0 $--button-lip-size 0 0 rgba(0, 0, 0, 0.1);
  }
  &--success {
    box-shadow: 0 $--button-lip-size 0 0 $--color-success-dark;
  }
  &--warning {
    box-shadow: 0 $--button-lip-size 0 0 $--color-warning-dark;
  }
  &--danger {
    box-shadow: 0 $--button-lip-size 0 0 $--color-danger-dark;
  }
  &--info {
    box-shadow: 0 $--button-lip-size 0 0 $--color-face-darkest;
  }
  &:active {
    box-shadow: none;
    transform: translateY(0);
    &.is-circle {
      transform: scaleY(0.9);
    }
  }
  &.is-disabled {
    box-shadow: none;
    transform: translateY(0);
  }
  &.is-circle {
    transform: scaleY(0.9) translateY(1 - $--button-lip-size);
  }
}