代码之家  ›  专栏  ›  技术社区  ›  sidyll

更新不推荐使用的SASS语法以进行颜色倍增

  •  0
  • sidyll  · 技术社区  · 7 年前

    $white: #E2E2E2;
    color: $white * 0.7; /* results in #9E9E9E */
    

    我正在使用的代码在灰度上广泛使用了这一点。由于这种语法现在被认为是不推荐的,所以我需要找到一种产生相同结果的替代方法。

    recommendation scale-color

    color: scale-color($white, $lightness: -30%);
    

    即使它产生相同的结果,并且可以轻松计算新值( 因素 -1)对于大于1的系数,它不会同样起作用:

    $black: #050505;
    color: $black * 2; /* results in #A0A0A0 */
    color: scale-color($black, $lightness: 100%); /* results in pure white */
    

    是否有更好的统一方法将其更新为新的一致语法?

    0 回复  |  直到 7 年前
        1
  •  0
  •   DDbout    7 年前

    你可以用 darken 和 lighten

    lighten($color, $amount) :使颜色变浅。

    darken($color, $amount)

    Sass Doc