@import '~element-ui/packages/theme-chalk/src/mixins/mixins';
@import '~element-ui/packages/theme-chalk/src/common/var';
@import '~element-ui/packages/theme-chalk/src/common/transition';

@include b(range-editor) {
  @include m(compact) {
    &.el-input__inner {
      height: $line-height;
      width: 24em;
      padding: 0 $margin;
      background: $input-background;
    }
    .el-range-separator {
      line-height: $line-height;
      font-size: $--size-base;
    }

    .el-range-input {
      background: $input-background;
      font-size: $--size-base;
    }

    .el-range__icon,
    .el-range__close-icon {
      line-height: $--size-base;
      font-size: $--size-base;
    }
  }
}