SCSS & Sass Samesteller

Kompileer geplakte SCSS/Sass-brokkies of plaaslike .scss/.sass-lêers direk in jou blaaier. Jou stylblad word nie opgelaai, aangeteken of na 'n API gestuur nie.

Klik om 'n SCSS/Sass-lêer te kies of laat val dit hier

Jy kan ook SCSS/Sass direk in die redigeerder hieronder plak.

0 byte

0 byte

Gereed

Blai-inheemse samestelling

Die samestelling word lokaal uitgevoer met die amptelike Dart Sass-implementasie. Geen stylblaaie word na Convertr-bediener gestuur nie.

Knippie en lêerinvoer

Plak gedeeltelike SCSS, volle stylblaaie, geneste reëls, veranderlikes, mengsels, of laai 'n plaaslike .scss-lêer.

Veilige meting

Analytics gebruik slegs grootte- en verminderingsemmers. SCSS-bron, veranderlikes, mengsels en lêername bly uit telemetrie.

Gereelde vrae

Is my SCSS na Convertr opgelaai?

Nee. Die SCSS-samesteller loop plaaslik met blaaier-JavaScript. Geplakte SCSS en geselekteerde lêers word nie na Convertr-bediener gestuur nie.

Wat gebeur as SCSS 'n sintaksfout het?

Die samestellerfout met lyn- en kolomnommers word in die waarskuwingspaneel gewys sodat jy die fout kan opspoor en regstel.

Ondersteun dit @import of afhanklikhede op afstand?

Nee. Om spoed, aanlynbeskikbaarheid en privaatheid te verseker, is afstands-invoere en lêerstelseltoegang in hierdie blaaier-inheemse samesteller gedeaktiveer.

Verwante ontwikkelaarnutsgoed

CSS-minifiseerder Druk CSS-stylblaaie saam CSS-kleur-omskakelaar Skakel CSS-kleure om Die CSS Gradient Generator Skep CSS-gradiënte plaaslik HTML-verkleiner Druk HTML-brokkies saam JavaScript-minifiseerder Druk JavaScript-kode saam Gereedskap vir ontwikkelaars Blai nutsmiddels

SCSS Samesteller

Stel ondersteunde SCSS-sintaks saam in CSS met behulp van die gebundelde blaaiersamesteller.

Invoer
SCSS-bron plus uitset-styl-opsies.
Uitgang
Gekompileerde CSS of samestellerdiagnose.
Werklike beperkings
Die blaaier-samesteller los nie arbitrêre projek-invoere op nie, voer nie bou-inproppe uit nie, of waarborg nie gelykheid met 'n ander Sass-weergawe nie.
Privaatheid en datahantering
SCSS bron plus output-stijl opsies word verwerk in hierdie browser-kaap. Convertr 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 uitvoerstylopsies in die instrumentkontroles.
  2. Kies die instellings wat saamgestelde CSS of samesteller-diagnostiek beïnvloed, en voer dan die instrument uit.
  3. Kyk na die saamgestelde CSS of samesteller-diagnostiek voordat jy dit kopieer of aflaai.

Algemene mislukkingsmodusse

Ongedefinieerde veranderlikes, ontbrekende mengsels, onbeskikbare invoere, of ongeldige nesplasing gee 'n reëlbewuste samestellingsfout terug.

Nuttige voorbeeld

Stel 'n $brand-veranderlike en geneste .button-hover-reël saam in uitgebreide of saamgeperste CSS.