Добавьте svgs как элемент: after с sass mixin - PullRequest
Новая
       5

Добавьте svgs как элемент: after с sass mixin

0 голосов
/ 16 апреля 2019

Я создаю страницу, на которой я использую миксины SCSS, чтобы заставить некоторый код :after работать и выглядеть лучше.У меня есть :after элементы, которые я хочу использовать .svg файлы в качестве фонового изображения.Я создал это (упрощенно здесь): 

@mixin svgIcons($icons.svg) {
 $:after {
  content: "";
  background: url(svg/$icons);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
 }
}

.container-1 {
 @include svgIcons();
}

Это не работает, потому что я не могу передать .svg внутри параметра (я получаю ошибку), и я попыталсядобавьте полный путь, но он также не скомпилируется.Теперь мне было интересно, как я могу передать .svg внутри параметра или внутри поля background: url().Я делаю это, чтобы сделать код лучше, и я получил много svgs, которые должны быть фоновыми, чтобы это помогло.Любые идеи о том, как вам лучше всего этого достичь?

...