From c33a81dd66873425bb26f1c5ca99b6f1554c7937 Mon Sep 17 00:00:00 2001 From: Anthony Fu Date: Thu, 1 Dec 2022 16:52:51 +0800 Subject: [PATCH] fix(icons): add `color: inherit` to mask icons for Safari --- packages/preset-icons/src/core.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/preset-icons/src/core.ts b/packages/preset-icons/src/core.ts index 1760649597..a73a71704c 100644 --- a/packages/preset-icons/src/core.ts +++ b/packages/preset-icons/src/core.ts @@ -93,7 +93,7 @@ export function createPresetIcons(lookupIconLoader: (options: IconsOptions) => P _mode = svg.includes('currentColor') ? 'mask' : 'bg' if (_mode === 'mask') { - // Thanks to https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images + // Thanks to https://codepen.io/noahblon/post/coloring-svgs-in-css-background-images return { '--un-icon': url, 'mask': 'var(--un-icon) no-repeat', @@ -101,6 +101,8 @@ export function createPresetIcons(lookupIconLoader: (options: IconsOptions) => P '-webkit-mask': 'var(--un-icon) no-repeat', '-webkit-mask-size': '100% 100%', 'background-color': 'currentColor', + // for Safari https://github.com/elk-zone/elk/pull/264 + 'color': 'inherit', ...usedProps, } }