diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-07-03 14:23:22 +0300 |
|---|---|---|
| committer | Julius Härtl <jus@bitgrid.net> | 2018-07-19 09:16:58 +0300 |
| commit | 8977c71f8842f19077fdd0bfe27a4f48f2bc4726 (patch) | |
| tree | 11fe663b2fe1f25160851c0a872b282072fc2857 /core/css/functions.scss | |
| parent | d904293ba3759803bd7b31d8e87fadf24b48e837 (diff) | |
Mixin scss icon api
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
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 |