web-apps/apps/common/mobile/resources/less/_mixins.less
2021-11-12 14:00:43 +03:00

17 lines
524 B
Plaintext

// Encoded SVG Background
.encoded-svg-mask(@svg, @color: @brandColor) {
@url: `encodeURIComponent(@{svg})`;
background-color: @color;
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}");
mask-size: contain;
}
.encoded-svg-uncolored-mask(@svg) {
@url: `encodeURIComponent(@{svg})`;
-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,@{url}");
}
.encoded-svg-background(@svg) {
@url: `encodeURIComponent(@{svg})`;
background-image: url("data:image/svg+xml;charset=utf-8,@{url}");
}