SCSS & Sass kompilátor

Zkompilujte vložené úryvky SCSS/Sass nebo místní soubory .scss/.sass přímo ve vašem prohlížeči. Vaše šablona stylů není nahrána, protokolována ani odeslána do rozhraní API.

Kliknutím vyberte soubor SCSS/Sass nebo jej vložte sem

Můžete také vložit SCSS/Sass přímo do editoru níže.

0 bajtů

0 bajtů

Připraveno

Nativní kompilace prohlížeče

Kompilace běží lokálně pomocí oficiální implementace Dart Sass. Na servery Convertr se neodesílají žádné šablony stylů.

Vstup úryvku a souboru

Vložte částečné SCSS, úplné šablony stylů, vnořená pravidla, proměnné, mixiny nebo načtěte místní soubor .scss.

Bezpečné měření

Analytics používá pouze segmenty velikosti a zmenšení. SCSS zdroj, proměnné, mixiny a názvy souborů zůstávají mimo telemetrii.

Často kladené otázky

Je můj SCSS nahrán do Convertr?

Ne. Kompilátor SCSS běží lokálně s prohlížečem JavaScript. Vloženo SCSS a vybrané soubory nejsou odeslány na servery Convertr.

Co se stane, když má SCSS chybu syntaxe?

Chyba kompilátoru s čísly řádků a sloupců se zobrazí na panelu varování, takže můžete chybu najít a opravit.

Podporuje to @import nebo vzdálené závislosti?

Ne. Aby byla zajištěna rychlost, dostupnost offline a soukromí, jsou v tomto nativním kompilátoru prohlížeče zakázány vzdálené importy a přístup k systému souborů.

Související vývojářské nástroje

CSS Minifikátor Komprimovat CSS šablony stylů Převodník barev CSS Převod CSS barev CSS generátor Vytvořte CSS gradienty lokálně HTML Minifikátor Komprimujte HTML úryvků JavaScript Minifikátor Komprimujte kód JavaScript Nástroje pro vývojáře Procházet nástroje prohlížeče

SCSS kompilátor

Složte podporovaný syntax SCSS do CSS pomocí souboru sázkových prohlížečů.

Vstup
SCSS zdroj více output-style možnosti.
Výstup
Kompilované CSS nebo diagnostické kompilátory.
Reálné omezení
Přehrávač neřeší arbitrární projektové dovozy, provádí stavební pluginy nebo zaručuje paritu s jinou verzí Sass.
Soukromí a zpracování údajů
Související se verze SCSS zdroj a možnosti typu výstupu jsou zpracovávány v této tabulce prohlížeče.Converter ji nepřijímá ani neukládá; zavření nebo přenosu stránky vyjasňuje stav práce, pokud nástroj výslovně neposkytuje místní stahování.

Jak tento nástroj používat

  1. Zajišťujte zdroj SCSS plus možnosti typu výstupu v ovládacích prvcích nástroje.
  2. Vyberte nastavení, které ovlivňují sestavené CSS nebo diagnostiky kompilátoru, a pak spustit nástroj.
  3. Zkoumání sestavených CSS nebo diagnostiky kompilátoru před kopírováním nebo stažením.

Společné způsoby selhání

Neodhalené variability, chybějící mixiny, nedostupné dovozy nebo neplatné nestingování vrátí chybou sběru.

Užitečný příklad

Skládat $brand variable a nested .button hover pravidlo do rozšířené nebo komprimované CSS.