// Encoding Functions
@function prepare-svg($string) {
// Encoding symbols taken from https://yoksel.github.io/url-encoder/
$symbols: (
'<': '%3C',
'>': '%3E',
'#': '%23',
'"': "'",
);
@each $search, $replace in $symbols {
$string: str-replace($string, $search, $replace);
}
@return 'data:image/svg+xml,' + $string;
}
@function str-replace($string, $search, $replace: '') {
$index: str-index($string, $search);
@if $index {
@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
}
@return $string;
}
// Icons
.dwpp-icon-authorization-button:before {
content: url(prepare-svg(''));
}
.dwpp-icon-connect-profile-button:before {
content: url(prepare-svg(''));
}
.dwpp-icon-synchronize-profile-button:before {
content: url(prepare-svg(''));
}
.dwpp-icon-default:before {
content: url(prepare-svg(''));
}
.dwpp-icon-invite-banner:before {
content: url(prepare-svg(''));
}
.dwpp-icon-chat:before {
content: url(prepare-svg(''));
}
.dwpp-icon-invite-link:before {
content: url(prepare-svg(''));
}
.dwpp-icon-members-count:before {
content: url(prepare-svg(''));
}
.dwpp-icon-share-button:before {
content: url(prepare-svg(''));
}