// functions to urlencode the svg 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;
}
@function url-encode($string) {
$map: (
"%": "%25",
"<": "%3C",
">": "%3E",
" ": "%20",
"!": "%21",
"*": "%2A",
"'": "%27",
'"': "%22",
"(": "%28",
")": "%29",
";": "%3B",
":": "%3A",
"@": "%40",
"&": "%26",
"=": "%3D",
"+": "%2B",
"$": "%24",
",": "%2C",
"/": "%2F",
"?": "%3F",
"#": "%23",
"[": "%5B",
"]": "%5D"
);
$new: $string;
@each $search, $replace in $map {
$new: str-replace($new, $search, $replace);
}
@return $new;
}
@function inline-svg($string) {
@return url('data:image/svg+xml;charset=US-ASCII,#{url-encode($string)}');
}
@function sai-input-select-svg($color) {
@return inline-svg(
''
);
}
@function sai-hexagon-svg(
$width: '178px',
$height: '206px',
$border-color: '#179AEE',
$background-color: '#FF0000'
) {
@return inline-svg(
''
);
}
@function sai-arrow-small-up-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-arrow-small-down-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-arrow-left-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-arrow-right-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-arrow-gray-right-svg(
$width: '11px',
$height: '19px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-arrow-gray-down-svg(
$width: '19px',
$height: '11px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-icon-close-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-icon-plus-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}
@function sai-icon-move-svg(
$width: '30px',
$height: '30px',
$color: $primary-color
) {
@return inline-svg(
''
);
}