@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  /* 数字输入框后置内容 */
  .input-number-append {
    @apply w-full flex;
  }
  .input-number-append .el-input-number {
    @apply flex-1;
  }
  .input-number-append .el-input__wrapper {
    @apply rounded-r-none;
  }
  .input-number-append > div:last-child {
    @apply w-[68px] text-center bg-[var(--el-fill-color-light)] text-[var(--el-color-info)] border border-l-0 rounded-r-[4px] flex items-center justify-center;
  }
}
