SCSS & Sass compilator

Compilați fragmente lipite SCSS/Sass sau fișiere locale .scss/.sass direct în browser. Foaia de stil nu este încărcată, înregistrată sau trimisă la un API.

Faceți clic pentru a alege un fișier SCSS/Sass sau plasați-l aici

De asemenea, puteți lipi SCSS/Sass direct în editorul de mai jos.

0 octeți

0 octeți

Gata

Compilare nativă în browser

Compilarea rulează local folosind implementarea oficială Dart Sass. Nu sunt trimise foi de stil către serverele Convertr.

Intrare fragment și fișier

Lipiți SCSS parțial, foi de stil complete, reguli imbricate, variabile, mixuri sau încărcați un fișier local .scss.

Măsurare sigură

Analytics utilizează numai compartimente de dimensiune și reducere. SCSS sursa, variabilele, mixurile și numele fișierelor rămân în afara telemetriei.

Întrebări frecvente

Este SCSS încărcat pe Convertr?

Nu. Compilatorul SCSS rulează local cu browserul JavaScript. SCSS inserate și fișierele selectate nu sunt trimise către serverele Convertr.

Ce se întâmplă când SCSS are o eroare de sintaxă?

Eroarea compilatorului cu numerele liniilor și coloanelor este afișată în panoul de avertismente, astfel încât să puteți localiza și remedia eroarea.

Acesta acceptă @import sau dependențe de la distanță?

Nu. Pentru a asigura viteza, disponibilitatea offline și confidențialitatea, importurile de la distanță și accesul la sistemul de fișiere sunt dezactivate în acest compilator nativ pentru browser.

Instrumente de dezvoltare conexe

Minificator CSS Comprimați CSS foi de stil Convertor de culori CSS Convertiți culorile CSS Generator de gradin CSS Creați gradientele CSS local Minificator HTML Comprimați HTML fragmente Minificator JavaScript Comprimați codul JavaScript Instrumente pentru dezvoltatori Răsfoiți utilitățile browserului

SCSS Compilator

Compilați sintaza SCSS susținută în CSS folosind compilatorul de browser bundled.

Intrare
SCSS sursa mai multe opțiuni de tip output.
Ieșire
CSS sau diagnosticul compilerului.
Limitări reale
Compilatorul browserului nu rezolvă importurile arbitrare de proiecte, execută plugin-uri de construcție sau garantează paritatea cu o versiune diferită a Sass.
Privacitatea și prelucrarea datelor
Convertorul nu primește sau stocă; închiderea sau reîncărcarea paginii clarează starea de lucru, cu excepția cazului în care instrumentul oferă explicit o descărcare locală.

Cum să utilizați acest instrument

  1. Oferă opțiuni de sursa SCSS plus stilul de ieșire în controlurile de instrumente.
  2. Alegeți setările care afectează diagnosticele CSS compilate sau compiler, apoi rulați instrumentul.
  3. Revizuirea a compilat CSS sau diagnosticul de compiler înainte de copierea sau descărcarea acestuia.

Moduri comune de eșec

Variabilele nedeterminate, mixurile lipsite, importurile inadecvate sau nestarea invalidă returnează o eroare de compilare cu atenție liniară.

Exemplu util

Compilați o variabilă de marcă $ și un regulă .button hover în CSS extins sau comprimat.