Преобразование переменных CSS в переменные SCSS - PullRequest
2 голосов
/ 24 сентября 2019

Я нахожусь в процессе изменения всех моих css файлов на scss.Как бы то ни было, мне нужно преобразовать переменные CSS в переменные Scss для всех моих файлов стилей.

Есть ли способ сделать это, не заходя в каждый файл и не используя поиск и замену?Я использую код VS, как и думал об использовании поиска и замены с помощью выражения регулярного выражения, как.Но я не могу заставить его работать.

\(.*?\)i

Например, конвертировать

// css 
.blog {
  box-shadow: var(--lightShadow);
  transition: var(--mainTransition);
}

в

// scss
.blog {
  box-shadow: $lightShadow;
  transition: $mainTransition;
}

1 Ответ

2 голосов
/ 24 сентября 2019

Вы можете использовать

Найти что : \bvar\(--(\w+)\) (или \bvar\(--([^()]+)\)) Заменить на : $$$1

Подробности

  • \b - граница слова
  • var\(-- -var(-- string
  • (\w+) - Группа 1: 1+ букв, цифр или подчеркиваний ([^()]+ соответствует 1+ символам, отличным от ( и ))
  • \) - ) char.

Символ $$$1 заменяется символом доллара и значением внутри группы 1.

Демонстрация:

enter image description here

...