scss 对比checker.scss

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 对比checker.scss相关的知识,希望对你有一定的参考价值。

@function colour-difference($foreground, $background) {
  $r: (max(red($foreground), red($background))) - (min(red($foreground), red($background)));
  $g: (max(green($foreground), green($background))) - (min(green($foreground), green($background)));
  $b: (max(blue($foreground), blue($background))) - (min(blue($foreground), blue($background)));
  $sum-rgb: $r + $g + $b;
  
  @if $sum-rgb < 500 {
    @return "false";
  } @else {
    @return "true";
  }
}

以上是关于scss 对比checker.scss的主要内容,如果未能解决你的问题,请参考以下文章

scss 文本对比大卫 - halford.scss

sass/scss 对比css的优势

scss sass功能设置基于背景的对比字体颜色

scss Sass功能和mixin用于设置对比背景和前景色

在按钮中自定义 bootstrap 5 文本颜色对比度

八、sass-loader的使用 ------ 2019-04-23