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;
}