diff options
Diffstat (limited to 'core/css/functions.scss')
| -rw-r--r-- | core/css/functions.scss | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/core/css/functions.scss b/core/css/functions.scss index d7192ebe1ce..19792456edd 100644 --- a/core/css/functions.scss +++ b/core/css/functions.scss @@ -30,14 +30,17 @@ * * @returns string the url to the svg api endpoint */ - @function icon-color($icon, $dir, $color, $core: false) { +@mixin icon-color($icon, $dir, $color, $core: false) { // remove # from color $index: str-index($color, '#'); @if $index { $color: str-slice($color, 2); } + $varName: "--icon-#{$icon}-#{$color}"; @if $core { - @return url('#{$webroot}/svg/core/#{$dir}/#{$icon}/#{$color}?v=1'); + #{$varName}: url('#{$webroot}/svg/core/#{$dir}/#{$icon}/#{$color}?v=1'); + } @else { + #{$varName}: url('#{$webroot}/svg/#{$dir}/#{$icon}/#{$color}?v=1'); } - @return url('#{$webroot}/svg/#{$dir}/#{$icon}/#{$color}?v=1'); + background-image: var(#{$varName}); }
\ No newline at end of file |