|
1
|
//
|
|
2
|
// Component: Mixin
|
|
3
|
// Description: Defines mixins which are used across all components
|
|
4
|
//
|
|
5
|
// ========================================================================
|
|
6
|
|
|
7
|
|
|
8
|
// SVG
|
|
9
|
// ========================================================================
|
|
10
|
|
|
11
|
.svg-fill(@src, @color-default, @color-new) {
|
|
12
|
|
|
13
|
@escape-color-default: escape(@color-default);
|
|
14
|
@escape-color-new: escape("@{color-new}");
|
|
15
|
|
|
16
|
@data-uri: data-uri('image/svg+xml;charset=UTF-8', "@{src}");
|
|
17
|
@replace-src: replace("@{data-uri}", "@{escape-color-default}", "@{escape-color-new}", "g");
|
|
18
|
|
|
19
|
background-image: e(@replace-src);
|
|
20
|
}
|