SASS文档说RGBA功能可以通过2种方式调用。
我创建了一个Codepen来演示Mixin中的RGBA功能,我有问题:
$hd-color1: #366dbd; // heading color
$hd-shadow1: 0.24; // text shadow opacity
@mixin ColorAndTextShadow($color, $opacity) {
color: $color;
text-shadow: 3px 1px rgba( #{$color}, #{$opacity} );
}
h2 {
@include ColorAndTextShadow ( #{$hd-color1}, #{$hd-shadow1} );
font-family: Circular, Helvetica, Arial, sans-serif;
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
}
预先感谢您查看
我相信这只是语法错误。您可以直接传递变量。
请参阅Codepen
$hd-color1: #366dbd; // heading color
$hd-shadow1: 0.24; // text shadow opacity
@mixin ColorAndTextShadow($color, $opacity) {
color: $color;
text-shadow: 3px 1px rgba($color, $opacity );
}
h2 {
@include ColorAndTextShadow ( $hd-color1, $hd-shadow1 );
font-family: Circular, Helvetica, Arial, sans-serif;
font-size: 50px;
font-weight: bold;
text-transform: uppercase;
}