css - 检查颜色 SASS 是黑色、白色还是灰色

Question

如果颜色是白色、黑色或灰色的细微差别，我想检查 SASS。

示例：

如果颜色是红色 => 应用我的 css 如果颜色是“#000”或“#686868”=> 不应用我的 css

有没有使用 SASS 或原生 CSS 的解决方案？

标签： csssass

Answer 1

感谢您在评论中澄清您的问题。

确实，在 SASS 中很容易检查颜色是否为灰色

使用： @if $color == grayscale($color) { ... }
见文档：https ://sass-lang.com/documentation/modules/color#grayscale

如果要将其包装在函数中，请执行以下操作：

@function is_gray($color){
    
    $result: false;
    @if $color == grayscale($color){
        $result: true;
    }
    @return $result;
}


// than call ...
@if is_gray($test){
   ...
}