思無邪 (@Clarke.L) 在 简单讲讲sass中unit函数 中发帖
语法
unit() 在 sass 中是一个内置函数,用于获取数值的单位。它返回一个字符串,表示数值的单位部分(如 px、rem、% 等)。如果数值没有单位,则返回空字符串。
其语法如下:
unit($number)
参数:$number 是一个数值(带单位或不带单位)。
返回值:数值的单位部分。
作用
获取单位
这是 unit() 最基本的用途,直接返回单位部分字符串。
$width: 100px;
unit($width) // 'px'
用于判断
配合 @if 可以来严格规定单位,使结果符合我们的预期。
例如:我们需要单位为 px,当传入 rem 单位时,报错。
@mixin set-margin($value) {
@if unit($value) != "px" {
@error "margin 的单位必须为 px, 但是传入了 `#{$valu...