Всем привет. Любой, кто уже познакомился с препроцессорами, знает, что препроцессор Sass имеет два диалекта Sass и SCSS. И так уже сложилось, что большинство разработчиков отдают предпочтение последнему.
Чаще всего, причиной выбора CSS является либо его более привычный синтаксис, либо неудобство диалекта Sass, связанное с форматированием кода вручную. Вот именно эту, вторую проблему и призвана решить данная статья.
Итак, чаще всего поступают следующим образом: копируют CSS, например, из Фигмы, вставляют его в sass-документ и после этого вручную удаляют фигурные скобки и точки с запятой. И если кода много такое удаление действительно может стать проблемой. Но есть более удобный вариант.
Если вы пользуетесь редактором VS Code, в нем есть встроенный плагин для выравнивания кода (по умолчанию активируется клавишами ALT + SHIFT + F), дак вот, если применить этот плагин на sass-документе, то он автоматически форматирует код и приведет его к стандарту sass, то есть уберет из него фигурные скобки и точки с запятыми и задаст правильную структуру.
А вы знали об этой фишке? Попробуйте поэкспериментировать со своим кодом.
Подписывайтесь на канал, будем учиться веб-разработке вместе.