СКС і SASS Compiler

Складіть пастери SCSS/Sass снайпетів або локальних .scss/.sass файлів безпосередньо в браузері. Ваш стильний лист не завантажується, не підписується або не надсилається до API.

Натисніть, щоб вибрати файл SCSS/Sass або скинути його тут

Також ви можете вставити SCSS/Sass безпосередньо в редактор нижче.

0 байтів

0 байтів

Готово

Браузер-національна компіляція

Компіляція проводиться локально за допомогою офіційної реалізації Dart Sass. Ніякі стилі не надсилаються на сервери Convertr.

Сніпт і файл вхід

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

безпечні вимірювання

Аналітики використовують тільки розмір і зменшення букетів. джерела SCSS, змінні, міксини та філеновий прізвища залишаються поза телеметрією.

Поширені запитання

Чи завантажується моя SCSS в Convertr?

No. Копілятор SCSS працює локально з браузером JavaScript. Попередні SCSS і вибрані файли не надсилаються на сервери Convertr.

Що відбувається, якщо у SCSS є помилка в синтезі?

Помилка компілятора з лінією та колонними номерами відображається в панелі попереджень, щоб ви могли знайти і виправити помилку.

Чи є ця підтримка @import або дистанційною залежністю?

Для забезпечення швидкості, офлайн-доступності та конфіденційності, віддалені імпортні та доступ до файлової системи вимкнені в цьому браузері-народительському компіляторі.

Інструменти розробника

CSS мініатюрний Стрижка CSS стилі Цветний конвертер CSS Конвертуйте кольори CSS CSS градієнт генератор Створення CSS градієнтів локально HTML мініатюрний Стрипти HTML JavaScript мінімізатор Код JavaScript компрес Інструменти розробника Browse браузерні інструменти

СКС СК

Компілюйте підтримувану SCSS-синтакс в CSS за допомогою компілятора браузера.

Вхід
СКС + вихідний стиль опціонів.
Вихід
Створення CSS або компілятор діагностики.
Реальні обмеження
Компілятор браузера не вирішує произвольні імпортні проекти, виконує плагіни будівництва або гарантує паралізм з іншою версією Sass.
конфіденційність та обробка даних
Створення не отримує або зберігає його; закриття або перезавантаження сторінки очищає стан роботи, якщо інструмент виражено пропонує місцеве завантаження.

Як використовувати цей інструмент

  1. Надання джерела SCSS плюс варіантів виходу в інструментах.
  2. Виберіть налаштування, які впливають на складену CSS або діагностику компілятора, а потім запустити інструмент.
  3. Переглянути складено CSS або компілятор діагностики перед копіюванням або завантаженням.

Загальні способи невдачі

Невизначені змінні, відсутні міксини, недоступні імпортні або недійсні ністи повертають помилку з компіляцією лінійного усвідомлення.

Корисний приклад

Компілюйте $brand змінну і ністеру .button Hover правило в розширений або компресований CSS.