SCSS & 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

Redo

Webbläsarinbyggd kompilering

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

Snutt- 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 förminskningssegment. SCSS källkod, variabler, mixins och filnamn håller sig borta från telemetri.

Vanliga frågor

Är min SCSS uppladdad till Convertr?

Nej. SCSS kompilatorn körs lokalt med webbläsaren JavaScript. Inklistrade 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 stödda SCSS syntax till CSS med hjälp av den bundna webbläsarkompilaren.

Inmatning
SCSS källa mer output-style alternativ.
Utdata
CSS eller kompiler diagnostik.
Verkliga begränsningar
Webbläsarkompilaren löser inte önskvärda projektimport, kör byggplugins eller garanterar paritet med en annan Sass-version.
Integritet och databehandling
SCSS-källa plus utgångsstilalternativ behandlas i denna webbläsarflik. Converter 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. Ge SCSS-källa plus utgångsstilalternativ i verktygskontrollen.
  2. Välj inställningarna som påverkar sammansatta CSS eller kompilerdiagnostik, kör sedan verktyget.
  3. Omdöme samlat CSS eller kompiler diagnostiska innan du kopierar eller laddar ner det.

Vanliga misslyckande lägen

Odefinierade variabler, saknade mixer, otillgängliga importer eller invalid nestning returnerar en linje-medveten kompileringsfel.

Användbar exempel

Kompilera en $brand variabel och nötade .button hover regel i expanderad eller komprimerad CSS.