SCSS & Sass kompilátor

Kompilujte prilepené úryvky SCSS/Sass alebo lokálne súbory .scss/.sass priamo vo vašom prehliadači. Vaša šablóna so štýlmi nie je nahraná, zaznamenaná ani odoslaná do rozhrania API.

Kliknutím vyberte súbor SCSS/Sass alebo ho sem presuňte

Môžete tiež vložiť SCSS/Sass priamo do editora nižšie.

0 bajtov

0 bajtov

Pripravený

Natívna kompilácia prehliadača

Kompilácia beží lokálne pomocou oficiálnej implementácie Dart Sass. Na servery Convertr sa neodosielajú žiadne šablóny so štýlmi.

Vstup úryvkov a súborov

Prilepte čiastočné SCSS, úplné šablóny štýlov, vnorené pravidlá, premenné, mixiny alebo načítajte lokálny súbor .scss.

Bezpečné meranie

Analytics používa iba segmenty veľkosti a zmenšenia. SCSS zdroj, premenné, mixiny a názvy súborov zostávajú mimo telemetrie.

Často kladené otázky

Je môj SCSS nahraný do Convertr?

Nie. Kompilátor SCSS beží lokálne s prehliadačom JavaScript. Vložené SCSS a vybraté súbory sa neodosielajú na servery Convertr.

Čo sa stane, keď má SCSS chybu syntaxe?

Chyba kompilátora s číslami riadkov a stĺpcov sa zobrazuje na paneli upozornení, takže môžete chybu nájsť a opraviť.

Podporuje to @import alebo vzdialené závislosti?

Nie. Na zabezpečenie rýchlosti, dostupnosti offline a súkromia sú v tomto natívnom kompilátore prehliadača zakázané vzdialené importy a prístup k súborovému systému.

Súvisiace nástroje pre vývojárov

CSS Minifikátor Komprimovať CSS šablóny so štýlmi CSS konvertor farieb Prevod CSS farieb CSS Gradient generátor Vytvorte CSS gradienty lokálne HTML Minifikátor Komprimovať HTML úryvky JavaScript Minifikátor Komprimujte kód JavaScript Nástroje pre vývojárov Prehľadávať pomocné programy prehliadača

SCSS kompilátor

Kompilovať podporovanú syntax SCSS do CSS pomocou vstavaného prehliadačového kompilátora.

Vstup
SCSS zdroj plus možnosti výstupného štýlu.
Výstup
Skompilované CSS alebo diagnostika kompilátora.
Skutočné obmedzenia
Prehliadačový kompilátor nerieši ľubovoľné importy projektov, nevykonáva zostavovacie pluginy ani nezaručuje zhodu s inou verziou Sass.
Súkromie a spracovanie údajov
Zdroj SCSS plus možnosti výstupného štýlu sa spracúvajú v tejto karte prehliadača. Convertr ho neprijíma ani neukladá; zatvorenie alebo opätovné načítanie stránky vymaže pracovný stav, pokiaľ nástroj výslovne neponúka lokálne stiahnutie.

Ako používať tento nástroj

  1. Poskytnite SCSS zdroj plus možnosti výstupného štýlu v ovládacích prvkoch nástroja.
  2. Vyberte nastavenia, ktoré ovplyvňujú zostavené CSS alebo diagnostiky zostavovača, potom spustite nástroj.
  3. Preskúmajte zostavené CSS alebo diagnostiky kompilátora pred kopírovaním alebo stiahnutím.

Bežné režimy zlyhania

Nedefinované premenné, chýbajúce mixiny, nedostupné importy alebo neplatné vnorenie vrátia chybu pri kompilácii.

Užitočný príklad

Zkompilujte premennú $brand a vnorené pravidlo .button hover do rozšíreného alebo komprimovaného CSS.