如何制作正方形，给 placeholder 换颜色，多行省略号，纯css小三角，清除浮动，清除 margin，隐藏滚动条，隐藏 number 小图标

https://www.npmjs.com/package/sass-runtime-tool

yarn add sass-runtime-tool -D
# or
npm i -D sass-runtime-tool

@use "sass-runtime-tool/all.scss" as *;

// 改变 placeholder 的颜色和大小
.input {
  @include placeholder(red) {
    font-size: 12px;
  }
}
/* 或者 */
.input {
  @include placeholder {
    color: red;
    font-size: 12px;
  }
}

// 下拉框小三角
.triangle {
  &::before {
    content: "";
    display: inline-block;
    @include triangle;
  }
  &::after {
    content: "";
    display: inline-block;
    @include triangle("left", 26px, green);
  }
}
.triangle-2 {
  @include triangle($color: blue);
}

// 超出显示省略号
.ellipsis {
  width: 100px;
  // 超过3行就显示省略号
  @include ellipsis(3);
}
.ellipsis-2 {
  width: 100px;
  @include ellipsis;
}

// 正方形
.square {
  @include square(100px);
}

// 清除浮动
.right {
  @include clearfix;
}

// 清除 margin 折叠
.box {
  @include margin-recover;
}

// 去除 <input type="number" /> 右边的箭头
:where(input[type="number"]) {
  @include hide-arrow;
}

// 隐藏滚动条
.scroll {
  height: 100px;
  @include hide-scroll;
}