SCSS & Sass Компилатор

Компилирайте поставени SCSS/Sass фрагменти или локални .scss/.sass файлове директно във вашия браузър. Вашият стилов лист не е качен, регистриран или изпратен до API.

Щракнете, за да изберете SCSS/Sass файл или го пуснете тук

Можете също да поставите SCSS/Sass директно в редактора по-долу.

0 байта

0 байта

Готови

Компилация, базирана на браузъра

Компилацията се изпълнява локално, като се използва официалната реализация Dart Sass. Не се изпращат таблици със стилове до Convertr сървъри.

Въвеждане на фрагмент и файл

Поставете частично SCSS, пълни таблици със стилове, вложени правила, променливи, миксини или заредете локален .scss файл.

Безопасно измерване

Analytics използва само кофи за размер и намаляване. SCSS източник, променливи, миксини и имена на файлове остават извън телеметрията.

Често задавани въпроси

Моят SCSS качен ли е на Convertr?

Не. Компилаторът SCSS работи локално с браузър JavaScript. Поставените SCSS и избраните файлове не се изпращат до Convertr сървъри.

Какво се случва, когато SCSS има синтактична грешка?

Грешката на компилатора с номера на редове и колони се показва в панела с предупреждения, така че можете да намерите и коригирате грешката.

Това поддържа ли @import или отдалечени зависимости?

Не. За да се гарантира скорост, офлайн наличност и поверителност, отдалеченото импортиране и достъпът до файловата система са деактивирани в този оригинален за браузър компилатор.

Свързани инструменти за разработчици

CSS Минификатор Компресиране на CSS таблици със стилове CSS Конвертор на цветове Конвертиране на CSS цвята CSS градиент генератор Създаване на CSS градиенти локално HTML Минификатор Компресиране на HTML фрагменти JavaScript Минификатор Компресиране на JavaScript код Инструменти за разработчици Разгледайте помощните програми на браузъра

SCSS Компилатор

Компилирайте поддържаната SCSS синтаксис в CSS, като използвате компилатора на браузъра.

Вход
SCSS източник повече output-style опции.
Изход
Сглобяеми CSS или компилатор диагностика.
Реални ограничения
Преглеждачът не разрешава произволни проекти вноски, изпълнява строителни плагини или гарантира паритет с различна версия на Sass.
Личност и обработка на данни
Източник на SCSS плюс опции за изход-стил се обработват в тази таблица на браузъра. конверторът не го получава или съхранява; затварянето или презареждането на страницата разкрива работното състояние, освен ако инструментът изрично предлага локално изтегляне.

Как да използваме този инструмент

  1. Осигурете SCSS източник плюс опции за изход в контролите на инструментите.
  2. Изберете настройките, които засягат съставените CSS или диагнозата на компилатора, след което изпълнете инструмента.
  3. Преглед състави CSS или компилатор диагностика преди копиране или изтегляне.

Общ начин на неуспех

Неопределени променливи, липсващи смеси, недостъпни вноски или невалидно настиране връщат грешка за съставяне на линейни белези.

Полезен пример

Компилирайте променлива марка $ и нестени .button hover правило в разширена или компресирана CSS.