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í

Analytika používá pouze skupiny velikosti a zmenšení. Zdroj SCSS, 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 JavaScriptem v prohlížeči. Vložený 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ů Minifikátor JavaScriptu Komprimujte kód JavaScript Nástroje pro vývojáře Procházet nástroje prohlížeče

SCSS kompilátor

Zkompilujte podporovanou syntaxi SCSS do CSS pomocí vestavěného kompilátoru prohlížeče.

Vstup
SCSS zdroj plus možnosti výstupního stylu.
Výstup
Zkompilované CSS nebo diagnostika kompilátoru.
Skutečná omezení
Prohlížečový kompilátor neřeší libovolné importy projektu, nespouští sestavovací pluginy ani nezaručuje shodu s jinou verzí Sass.
Soukromí a nakládání s daty
Zdroj SCSS a možnosti typu výstupu jsou zpracovávány v této kartě prohlížeče. Convertr jej nepřijímá ani neukládá; zavření nebo obnovení stránky vymaže pracovní stav, pokud nástroj výslovně nenabízí místní stažení.

Jak tento nástroj používat

  1. Poskytněte zdroj SCSS plus možnosti typu výstupu v ovládacích prvcích nástroje.
  2. Vyberte nastavení, která ovlivňují zkompilované CSS nebo diagnostiku kompilátoru, a pak spusťte nástroj.
  3. Zkontrolujte zkompilované CSS nebo diagnostiku kompilátoru před kopírováním nebo stažením.

Běžné způsoby selhání

Nedefinované proměnné, chybějící mixiny, nedostupné importy nebo neplatné vnoření vrátí chybu kompilace s uvedením řádku.

Užitečný příklad

Zkompilujte proměnnou $brand a vnořené pravidlo .button hover do rozšířeného nebo komprimovaného CSS.