signal-desktop/stylesheets/_mixins.scss

31 lines
584 B
SCSS
Raw Normal View History

@mixin button-reset {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}
@mixin color-svg($svg, $color) {
2018-05-04 20:07:52 +00:00
-webkit-mask: url($svg) no-repeat center;
-webkit-mask-size: 100%;
background-color: $color;
}
@mixin header-icon-white($svg) {
2018-05-04 20:07:52 +00:00
@include color-svg($svg, rgba(255, 255, 255, 0.8));
&:focus,
&:hover {
@include color-svg($svg, white);
}
}
@mixin header-icon-black($svg) {
2018-05-04 20:07:52 +00:00
@include color-svg($svg, rgba(0, 0, 0, 0.5));
&:focus,
&:hover {
@include color-svg($svg, black);
}
}