SCSS- och Sass-kompilator

Kompilera inklistrade SCSS/Sass utdrag eller lokala .scss/.sass filer direkt i din webbläsare. Din stilmall laddas inte upp, loggas eller skickas till ett API.

Klicka för att välja en SCSS/Sass fil eller släpp den här

Du kan också klistra in SCSS/Sass direkt i redigeraren nedan.

0 byte

0 byte

Klar

Webbläsarinbyggd kompilering

Kompileringen körs lokalt med den officiella Dart Sass-implementeringen. Inga stilmallar skickas till Convertrs servrar.

Utdrag och filinmatning

Klistra in partiella SCSS, fullständiga stilmallar, kapslade regler, variabler, mixins eller ladda en lokal .scss fil.

Säker mätning

Analytics använder endast storleks- och minskningsintervall. SCSS-källkod, variabler, mixins och filnamn hålls utanför telemetrin.

Vanliga frågor

Är min SCSS uppladdad till Convertr?

Nej. SCSS-kompilatorn körs lokalt med JavaScript i webbläsaren. Inklistrad SCSS och valda filer skickas inte till Convertr-servrar.

Vad händer när SCSS har ett syntaxfel?

Kompilatorfelet med rad- och kolumnnummer visas i varningspanelen så att du kan lokalisera och åtgärda felet.

Stöder detta @import eller fjärrberoenden?

Nej. För att säkerställa hastighet, offlinetillgänglighet och sekretess är fjärrimport och filsystemåtkomst inaktiverad i denna webbläsarinbyggda kompilator.

Relaterade utvecklarverktyg

CSS Minifierare Komprimera CSS stilmallar CSS Färgkonverterare Konvertera CSS färger CSS gradient generator Skapa CSS gradienter lokalt HTML-minifierare Komprimera HTML utdrag JavaScript-minifierare Komprimera JavaScript kod Utvecklarverktyg Bläddra bland webbläsarverktyg

SCSS-kompilator

Kompilera SCSS-syntax som stöds till CSS med hjälp av den inbyggda webbläsarkompilatorn.

Inmatning
SCSS-källa plus utdatastilsalternativ.
Utdata
Kompilerad CSS eller kompilatordiagnostik.
Verkliga begränsningar
Webbläsarkompilatorn löser inte godtyckliga projektimporter, kör byggplugin eller garanterar överensstämmelse med en annan Sass-version.
Integritet och datahantering
SCSS-källa plus utgångsstilalternativ behandlas i denna webbläsarflik. Convertr får inte eller lagrar det; stängning eller omlastning av sidan klarar arbetsstatus såvida verktyget explicit erbjuder en lokal nedladdning.

Hur man använder detta verktyg

  1. Ange SCSS-källkod plus alternativ för utdatastil i verktygskontrollerna.
  2. Välj inställningarna som påverkar kompilerad CSS eller kompilatordiagnostik, kör sedan verktyget.
  3. Granska kompilerad CSS eller kompilatordiagnostik innan du kopierar eller laddar ner det.

Vanliga feltillstånd

Odefinierade variabler, saknade mixins, otillgängliga importer eller ogiltig nästling returnerar ett radmedvetet kompileringsfel.

Användbart exempel

Kompilera en $brand-variabel och nästlad .button-hover-regel till expanderad eller komprimerad CSS.