Маска css в jss - PullRequest
Новая
       18

Маска css в jss

0 голосов
/ 14 марта 2019

Я работаю над проектом в реакции и использую стиль jss в сочетании с пользовательским интерфейсом.Я пытаюсь добавить некоторые личные иконки SVG с маской, но они не работают.

JSS CODE: 

icon_default: {
    backgroundColor: '#ffffff',
    width: 30,
    height: 30,
},
phoneIcon: {
    maskImage:`url(${faqIcon}) no-repeat center center`,
    '-webkit-mask-image': `url(${phoneIcon}) no-repeat center center`,
    maskSize: '30px auto',
},

JS CODE: 

const Icons = (props) => {
const { classes } = props;
const className = props.className ? props.className : '';
return <i className={classNames(classes.icon_default, classes.phoneIcon)} />

}

Этот компонент импортируется внутри другого компонента как

Заранее спасибо!

...