Sass: Mix rgba (белый, 0.5) и сплошной цвет фона

Question

Нужно рассчитать окончательный цвет шрифта. В PSD непрозрачность шрифта 50%, цвет #fff, цвет фона #7a4eb7. В результате соответственно Photoshop должен быть #c4b5dd.

Я думаю, что нет необходимости в прозрачном цвете, если фон всегда один и тот же.

Можно ли это сделать с помощью Sass?

Нашли статью на эту тему, но не может сделать это работает: http://thesassway.com/intermediate/mixins-for-semi-transparent-colors

Answer 1

Просто решить мой вопрос, используя второй подмешать из статьи:

@mixin alpha-attribute($attribute, $color, $background) { 
    $percent: alpha($color) * 100%; 
    $opaque: opacify($color, 1); 
    $solid-color: mix($opaque, $background, $percent); 
    #{$attribute}: $solid-color; 
} 

Затем вы можете использовать его следующим образом:

// Mix font color rgba($white,0.5) and solid background 
.text { 
    @include alpha-attribute('color', rgba($white, 0.5), $studio); 
}