scss 文本对比大卫 - halford.scss

Posted

tags:

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

@mixin text-contrast($n) {
  $color-brightness: round((red($n)*299)+(green($n)*587)+(blue($n)*114)/1000);
  $light-color: round((red(#ffffff)*299)+(green(#ffffff)*587)+(blue(#ffffff)*114)/1000);
  @if abs($color-brightness) < ($light-color/2){
    color: white;
  } @else {
    color: black;
  }
}

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

scss 对比检查,loop.scss

scss 对比checker.scss

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

sass/scss 对比css的优势

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

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