SCSS og Sass Compiler

Kompilere pastede SCSS/Sass snippets eller lokale .scss/.sass filer direkte i nettleseren din. Styled-boken din blir ikke lastet opp, logget inn eller sendt til en API.

Klikk for å velge en SCSS/Sass-fil eller last ned den her

Du kan også legge inn SCSS/Sass direkte i redigeren nedenfor.

0 byter

0 byter

Klar

Native-søkt sammensetning

Kompilasjonen kjører lokalt ved hjelp av den offisielle Dart Sass implementeringen. Ingen stilsetabler sendes til Convertr-server.

Snippet og filinntak

Passe partiell SCSS, fullstendige stilsetabler, nestede regler, variabler eller blandinger, eller last en lokal .scss-fil.

Sikker måling

Analyse bruker bare størrelses- og reduksjonsbuckets. SCSS kilde, variabler, mixins og filenamene forblir utenfor telemetri.

Ofte stilte spørsmål

Er min SCSS lastet opp til Convertr?

No. SCSS-kompilatoren kjører lokalt med nettleseren JavaScript. Pasted SCSS og utvalgte filer sendes ikke til Convertr-server.

Hva skjer når SCSS har en syntax feil?

Kompilertfeil med linje- og kolonnummer vises i varslingspanelen slik at du kan finne og rette feil.

Er dette støtte @import eller fjernavhengighet?

For å sikre hastighet, offline tilgjengelighet og personvern, fjernimport og filsystem tilgang er deaktivert i denne nettleser-født kompiler.

Relaterte utviklerverktøy

CSS Minifjerde Komprimert CSS-stiler CSS farge Converter Konverter CSS farger CSS gradient generator Skaper CSS gradier lokalt HTML Miniatyr Komprimere HTML-skinn JavaScript Minifisert Komprimere JavaScript-koden Utviklerverktøy Browse nettleser verktøy

SCSS kompiler

Kompilere støttet SCSS syntax til CSS ved hjelp av den bundle nettleserkompileren.

Inndata
SCSS kilde mer output-style alternativer.
Resultat
Kompilert CSS eller kompiler diagnostikk.
Faktiske begrensninger
Nettleserkompilatoren løser ikke vilkårlige prosjektimport, kjører byggplugins eller garanterer paritet med en annen Sass-versjon.
Personvern og databehandling
SCSS-kildekode og utgangsstilalternativer behandles i denne nettleserkortet. Converter mottar eller lagrer den; lukking eller omlasting av siden avslører arbeidsstatus med mindre verktøyet uttrykkelig tilbyr en lokal nedlasting.

Hvordan bruke dette verktøyet

  1. Gi SCSS-kildekode og utgangsstilalternativer i verktøykontroller.
  2. Velg innstillingene som påvirker komprimert CSS eller kompiler diagnoser, og kjør deretter verktøyet.
  3. Les om å kopiere CSS eller kompiler diagnostiske før kopiering eller nedlasting.

Vanlige feiltyper

Undefinerte variabler, manglende blandinger, uoppnåelige importer eller ulovlig nesting returnerer en linear-aware kompilasjon feil.

Nyttig eksempel

Kompilere en $brand variabel og nested .button hover regel i utvidet eller komprimert CSS.