文章/答案/技术大牛

发布

社区首页 >问答首页 >scss颜色变量的角10除法

问scss颜色变量的角10除法
EN

Stack Overflow用户

提问于 2020-08-26 20:20:52

回答 2查看 700关注 0票数 0

我正在重建一个角7应用程序与角10。

在上一个版本中，我使用以下方法对链接进行了一些悬停颜色调整：

variables.scss

$mycolor: #050505;

app.component.scss

@import '~assets/scss/variables.scss';
a {
    color: $mycolor;
    &:hover {
        color: $mycolor / 1.1;
    }
    &:active {
        color: $mycolor * 1.3;
    }
}

这种方法似乎不再起作用了，因为我收到了SassError: Undefined operation "#050505 / 1.1".，如何用角10中的SCSS变量实现基本的数学函数？

sass

angular

回答 2

Stack Overflow用户

发布于 2020-08-26 20:28:41

给你;)

只需把你的计算用“{//计算}”这个疯狂来包装。

$mycolor: #2196f3;

a {
    color: $mycolor;
    &:hover {
        color: #{$mycolor / 1.1};
    }
    &:active {
        color: #{$mycolor * 1.3};
    }
}

输出：

a {
  color: #2196f3;
}
a:hover {
  color: #1e88dd;
}
a:active {
  color: #2bc3ff;
}

我过去总是忘记这件事，会让人沮丧的。

票数 0

Stack Overflow用户

发布于 2020-08-26 23:20:52

似乎有一个新版本的SASS的改变，这现在需要使用sass:color模块。

@use 'sass:color';
&:hover {
    color: color.adjust($mycolor, $lightness: -10%);
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63605190

复制

相似问题

问scss颜色变量的角10除法
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问scss颜色变量的角10除法EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问scss颜色变量的角10除法
EN