0

我写了以下两个mixin:

@mixin textcolor($hexvaltxt, $opacitytxt: 1.0){
    color: $hexvaltxt;
    color: rgba($hexvaltxt, $opacitytxt);
}
@mixin boxcolor($hexvalbox, $opacitybox: 1.0){
    background-color: $hexvalbox;
    background-color: rgba($hexvalbox, $opacitybox);
}

基本上我输入一个十六进制值,作为回报,我得到一个后备颜色作为十六进制值以及一个 rgba 值。基本上基于我读过的指南针的 rgba 功能应该将十六进制值和不透明度转换为 rgba 值。但是当我调用我的 mixin 时:

.maintitle {
    @include textcolor($sectionhead);
}

$sectionhead 具有 #3f3e3e 作为值。然后我得到以下输出:

.maintitle {
  color: #3f3e3e;
  color: #3f3e3e; }

而不是显示一个十六进制和一个 rgba 值,我只得到相同的十六进制值两次。:/ 不再提供转换,还是我做错了什么?作为旁注,我正在运行最新的指南针(0.12.2)和 sass(3.2.1)。最好的问候拉尔夫

4

1 回答 1

0

1.0是完全不透明的,所以我猜 Sass 只是让它保持原样,因为这对于向后兼容来说是最佳的。如果我将第二个参数更改为.8,我会得到以下输出:

.maintitle {
  color: #3f3e3e;
  color: rgba(63, 62, 62, 0.8);
}
于 2012-09-30T12:58:11.263 回答