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 vložte sem

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 úryvkov JavaScript Minifikátor Komprimujte kód JavaScript Nástroje pre vývojárov Prehľadávať pomocné programy prehliadača

SCSS kompilátor

Kompilácia podporovaného syntaxu SCSS do CSS pomocou prepojeného prehliadača.

Vstup
SCSS zdroj viac output-style možnosti.
Výstup
Kompilované CSS alebo diagnostické kompilátory.
Skutočné obmedzenia
Prehliadač nie je riešenie dobrovoľné projektové dovozy, vykonávať stavebné pluginy, alebo zaručiť parity s inou verziou Sass.
Súkromie a spracovanie údajov
SCSS zdroj plus možnosti výstupného štýlu sa spracúvajú v tejto tabuľke prehliadača. Converter ho neprijíma ani neukladá; zatváranie alebo prekladanie stránky vyjasňuje stav práce, pokiaľ nástroj výslovne neposkytuje 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úmať zostavené CSS alebo diagnostiky kompilátor pred kopírovaním alebo stiahnutím.

Spoločný spôsob zlyhania

Neoddelené variabily, chýbajúce mixíny, nedostupné dovozy alebo neplatné nestingovanie vrátia chybnú zostavu.

Užitočný príklad

Zhromažďujte $brand variable a nestozené .button hover pravidlo do rozšíreného alebo komprimovaného CSS.