SSS en SASS kompilêre

Kompas gepaste SCSS/Sass snippets of plaaslike .scss/.sass faile direk in jou browser. Jou stylblad word nie opgelê, ingelogge, of gestuur na 'n API nie.

Klik om 'n SCSS/Sass-bestand te kies of dit hier afgewerp

Jy kan ook SCSS/Sass direk in die editor hieronder paste.

0 byte

0 byte

Gereed

Browsers-native verzameling

Die verzameling word lokaal uitgevoer met die officiële Dart Sass-implementasie. Geen stylblad word na Convertr-servers gestuur nie.

Snippet en bestand invoer

Pas partiële SCSS, volle styletjies, neested regels, variabele, mixins of 'n plaaslike .scss-bestand.

Veilige meetings

Analytics gebruik slegs grootte en vermindering bucket. SCSS bron, variabele, mixins, en filenaam bly uit die telemetry.

Gereelde vrae

Is my SCSS opgelê tot Convertr?

No. Die SCSS-kompilier loop lokaal met die browser JavaScript. verlede SCSS en geselekte skate word nie na Convertr-servers gestuur nie.

Wat gebeur as SCSS 'n syntaxfout het?

Die kompilerfout met die lijn en kolom getalle is in die waarschuwingspan weergewe sodat jy die fout kan lokiseer en korrig.

Is hierdie ondersteuning @import of afstandsverslaafheid?

Nee. Om te verseker dat die snelheid, offline beskikbaarheid en privaatheid, afstands-importeer en bestandsysteem toegang in hierdie browser-gebore kompilier is uitgeschakeld.

Verhoogde ontwerper gereedskap

Vervolglik word die CSS minifier Kompressie CSS stelsels CSS kleur verwerter Die CSS kleur vervang Die CSS Gradient Generator Maak CSS gradiente lokaal HTML-mynsifiering Kompressie HTML snippets JavaScript om te minifereer Kompressie van JavaScript kode Ontwikkelaarnutsgoed Browse gebruikers

Skep die kompilasie

Kompiler ondersteun SCSS syntax in CSS met behulp van die bundel browser compiler.

Invoer
SCSS bron meer output-style opsies.
Uitgang
Kompilatiewe CSS of kompiler diagnose.
Real beperkings
Die browserskompilier sal nie arbitêre projek-importeer, gebou plugins uitvoer nie of pariteit met 'n ander Sass-versie garandeer nie.
Privaciteit en data verwerking
SCSS bron plus output-stijl opsies word verwerk in hierdie browser-kaap. Converter ontvang dit nie of sal dit nie opslaan nie; sluit of herloei die bladsy, maak die werkstyd duidelik as die gereedskap uitdruklik 'n lokaal download bied nie.

Hoe om hierdie instrument te gebruik

  1. Gee SCSS bron plus output-stijl opsies in die instrument beheers.
  2. Kies die instellings wat versamel CSS of kompiler diagnose beïnvloed, en voer dan die gereedskap.
  3. Review versamel CSS of kompiler diagnose voordat dit kopieer of downloadeer.

Die algemene mislukingsmodus

Ondefinieerde variabele, gebrek aan mixins, ontoeganklike importe of ongedeelde nesting het 'n line-aware kompilatiefout terug.

Gebruiklike voorbeeld

Kompileer 'n $brand variabel en neet .button hover reg in uitgebreide of kompressie CSS.