SCSS i Sass kompilator

Kompilirajte zalijepljene SCSS/Sass isječke ili lokalne .scss/.sass datoteke izravno u vašem pregledniku. Vaš stilski list se ne prenosi, ne bilježi niti šalje API-ju.

Kliknite za odabir SCSS/Sass datoteke ili je ispustite ovdje

Također možete zalijepiti SCSS/Sass izravno u uređivač ispod.

0 bajtova

0 bajtova

Spremno

Izvorna kompilacija u pregledniku

Kompilacija se izvodi lokalno pomoću službene implementacije Dart Sass. Nijedan list stilova se ne šalje na Convertr poslužitelje.

Unos isječka i datoteke

Zalijepite djelomični SCSS, cijele stilove, ugniježđena pravila, varijable, mixine ili učitajte lokalnu .scss datoteku.

Sigurno mjerenje

Analitika koristi samo veličine i smanjenja. SCSS izvor, varijable, mixini i nazivi datoteka ostaju izvan telemetrije.

Često postavljana pitanja

Je li moj SCSS prenesen na Convertr?

Ne. SCSS kompilator radi lokalno s JavaScriptom preglednika. Zalijepljeni SCSS i odabrane datoteke ne šalju se na servere Convertr.

Što se događa kada SCSS ima sintaksnu pogrešku?

Pogreška kompilacije s brojem retka i stupca prikazuje se u ploči upozorenja tako da možete locirati i ispraviti pogrešku.

Podržava li ovo @import ili udaljene ovisnosti?

Ne. Kako bi se osigurala brzina, dostupnost izvan mreže i privatnost, daljinski uvoz i pristup datotečnom sustavu su onemogućeni u ovom izvornom kompilatoru za preglednik.

Povezani razvojni alati

CSS minifikator Komprimiraj CSS stilove CSS pretvarač boja Pretvorite CSS boje Generator CSS gradijenata Stvorite CSS gradijente lokalno Minifikator HTML-a Komprimiraj HTML isječke Minifikator JavaScripta Komprimiraj JavaScript kod Alati za razvojne programere Pregledajte uslužne programe preglednika

SCSS kompilator

Kompilirajte podržanu SCSS sintaksu u CSS pomoću ugrađenog pregledničkog kompajlera.

Ulaz
SCSS izvor plus opcije stila izlaza.
Izlaz
Kompilirani CSS ili dijagnostika prevoditelja.
Stvarna ograničenja
Preglednički kompajler ne rješava proizvoljne uvozne projekte, ne izvršava dodatke za izgradnju niti jamči jednakost s različitom Sass verzijom.
Privatnost i obrada podataka
SCSS izvor plus opcije stila izlaza obrađuju se u ovoj kartici preglednika. Convertr ga ne prima niti pohranjuje; zatvaranje ili ponovno učitavanje stranice briše radno stanje, osim ako alat izričito nudi lokalno preuzimanje.

Kako koristiti ovaj alat

  1. Pružite SCSS izvor plus opcije izlaznog stila u kontrolama alata.
  2. Odaberite postavke koje utječu na kompilirani CSS ili dijagnostiku kompajlera, a zatim pokrenite alat.
  3. Pregledajte kompilirani CSS ili dijagnostiku kompajlera prije kopiranja ili preuzimanja.

Uobičajeni načini kvara

Nedefinirane varijable, nedostajući mixini, nedostupni uvozi ili nevažeće ugniježđivanje vraćaju pogrešku kompilacije s brojem retka.

Korisni primjer

Kompilirajte $brand varijablu i ugniježđeno .button hover pravilo u prošireni ili komprimirani CSS.