SCSS и Sass компајлер

Компајлирајте налепљене SCSS/Sass исечке или локалне .scss/.sass датотеке директно у свом прегледачу. Ваш стилски лист се не отпрема, не евидентира нити шаље на API.

Кликните да изаберете SCSS/Sass фајл или га превуците овде

Такође можете налепити SCSS/Sass директно у уређивач испод.

0 бајтова

0 бајтова

Спреман

Изворна компилација у прегледачу

Компилација се изводи локално користећи званичну Dart Sass имплементацију. Ниједан стилски лист се не шаље на Convertr сервере.

Унос исечка и датотеке

Налепите делимични SCSS, комплетне стилове, угнежђена правила, променљиве, миксине или учитајте локалну .scss датотеку.

Безбедно мерење

Аналитика користи само категорије величине и смањења. SCSS извор, променљиве, миксини и називи датотека остају ван телеметрије.

Често постављана питања

Да ли је мој SCSS отпремљен на Convertr?

Не. SCSS компајлер ради локално у прегледачу уз помоћ JavaScript-а. Унети SCSS и изабране датотеке се не шаљу на Convertr сервере.

Шта се дешава када SCSS има синтаксну грешку?

Грешка компајлера са бројем линије и колоне приказана је на панелу упозорења како бисте могли да лоцирате и исправите грешку.

Да ли ово подржава @import или удаљене зависности?

Не. Да би се осигурала брзина, доступност ван мреже и приватност, удаљени увоз и приступ систему датотека су онемогућени у овом изворном компајлеру за прегледач.

Повезани алати за програмере

CSS минификатор Компресуј CSS стилове CSS конвертер боја Конвертујте CSS боје CSS генератор градијената Креирај CSS градијенте локално HTML Минификатор Компресуј HTML исечке JavaScript минификатор Компресуј JavaScript код Алатке за програмере Прегледајте прегледачке алате

SCSS компајлер

Компајлирајте подржану SCSS синтаксу у CSS помоћу уграђеног прегледачког компајлера.

Улаз
SCSS извор са опцијама стила излаза.
Излаз
компајлирани CSS или дијагностика компајлера.
Стварна ограничења
Прегледач компајлер не решава произвољне увозе пројекта, не извршава градивне додатке нити гарантује подударност са другом верзијом Sass-а.
Приватност и руковање подацима
SCSS извор са опцијама стила излаза се обрађује у овом картици прегледача. Convertr не прима нити чува податке; затварање или поновно учитавање странице брише радно стање осим ако алат изричито не понуди локално преузимање.

Како користити овај алат

  1. Унесите SCSS извор са опцијама стила излаза у контролама алата.
  2. Изаберите подешавања која утичу на компилирани CSS или дијагностику компајлера, а затим покрените алатку.
  3. Прегледајте компилирани CSS или дијагностику компајлера пре копирања или преузимања.

Уобичајени начини неуспеха

Недефинисане променљиве, недостајући миксини, недоступни импорти или неважеће угнежђење враћају грешку при компилацији са информацијом о реду.

Користан пример

Компајлирајте $brand променљиву и угнежђено .button правило при преласку мишем у проширени или компресовани CSS.