SCSS. «#» устаревание в Chrome - PullRequest
Новая
       51

SCSS. «#» устаревание в Chrome

0 голосов
/ 02 июля 2018

Я использую что-то вроде этого в моем index.scss: 

.some-class {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><path d='M15.477 ... 50.836z' fill='#{$text-muted}'/><path d='M45.3 ... 10h6.1z' fill='#{$text-muted}'/></svg>");
}

Но Chrome говорит мне:

[Deprecation] Using unescaped '#' characters in a data URI body is deprecated and will be removed in M68, around July 2018. Please use '%23' instead. See https://www.chromestatus.com/features/5656049583390720 for more details.

1 Ответ

0 голосов
/ 04 ноября 2018

Вы можете использовать str-replace для замены # на% 23. 

.some-class {
   $urlString: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'><path d='M15.477 ... 50.836z' fill='#{$text-muted}'/><path d='M45.3 ... 10h6.1z' fill='#{$text-muted}'/></svg>");
   content: str-replace($urlString, "#", "%23");
}
...