18 lines
432 B
SCSS
18 lines
432 B
SCSS
|
@mixin color-svg($svg, $color) {
|
||
|
|
-webkit-mask: url($svg) no-repeat center;
|
||
|
|
-webkit-mask-size: 100%;
|
||
|
|
background-color: $color;
|
||
|
|
}
|
||
|
|
@mixin header-icon-white($svg) {
|
||
|
|
@include color-svg($svg, rgba(255,255,255, 0.8));
|
||
|
|
&:focus, &:hover {
|
||
|
|
@include color-svg($svg, white);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@mixin header-icon-black($svg) {
|
||
|
|
@include color-svg($svg, rgba(0,0,0, 0.5));
|
||
|
|
&:focus, &:hover {
|
||
|
|
@include color-svg($svg, black);
|
||
|
|
}
|
||
|
|
}
|