Përpilues SCSS & Sass

Përpiloni fragmente të ngjitura SCSS/Sass ose skedarë lokalë .scss/.sass drejtpërdrejt në shfletuesin tuaj. Fleta juaj e stilit nuk ngarkohet, regjistrohet ose dërgohet në një API.

Kliko për të zgjedhur një skedar SCSS/Sass ose lëshoje këtu

Po. Mund të ngjisni gjithashtu SCSS/Sass direkt në redaktorin më poshtë.

0 bajt

0 bajt

Gati

Përpilim vendas i shfletuesit

Kompilimi funksionon në mënyrë lokale duke përdorur implementimin zyrtar të Dart Sass. Asnjë fletë stili nuk dërgohet në serverat e Convertr.

Futja e copëzave dhe skedarëve

Ngjitni SCSS të pjesshme, fletë stili të plota, rregulla të mbivendosura, variabla, mixins, ose ngarkoni një skedar .scss lokal.

Matje e sigurt

Analiza përdor vetëm grupe të madhësisë dhe zvogëlimit. Burimi SCSS, variablat, mixin-et dhe emrat e skedarëve qëndrojnë jashtë telemetrisë.

Pyetjet e bëra më shpesh

A është SCSS-ja ime e ngarkuar në Convertr?

Jo. Përpiluesi SCSS funksionon në mënyrë lokale me JavaScript të shfletuesit. SCSS i ngjitur dhe skedarët e zgjedhur nuk dërgohen në serverat e Convertr.

Çfarë ndodh kur SCSS ka një gabim sintakse?

Gabimi i kompilatorit me numrat e rreshtave dhe kolonave shfaqet në panelin e paralajmërimeve, kështu që mund të gjeni dhe korrigjoni gabimin.

A e mbështet kjo @import ose varësi të largëta?

Jo. Për të siguruar shpejtësinë, disponueshmërinë offline dhe privatësinë, importet në distancë dhe aksesi në sistemin e skedarëve janë çaktivizuar në këtë përpilues vendas të shfletuesit.

Mjetet e lidhura të zhvilluesve

Minifikuesi CSS Ngjesh fletë stili CSS Konvertuesi i ngjyrave CSS Konverto ngjyrat CSS Gjenerues i gradientëve CSS Krijoni gradientë CSS në vend Minifikues HTML Ngjesh fragmente HTML Minifikues JavaScript Kompresoni kodin JavaScript Mjetet e zhvilluesit Shfletoni mjetet e shfletuesit

Përpilues SCSS

Përpiloni sintaksën e mbështetur SCSS në CSS duke përdorur përpiluesin e integruar të shfletuesit.

Hyrje
Burimi SCSS plus opsionet e stilit të daljes.
Prodhimi
CSS i përpiluar ose diagnostikime të përpiluesit.
Kufizime reale
Kompilatori i shfletuesit nuk zgjidh importe arbitrare të projektit, nuk ekzekuton shtojca ndërtimi ose nuk garanton barazi me një version tjetër Sass.
Privatësia dhe përpunimi i të dhënave
Opsionet e burimit SCSS plus të stilit të daljes përpunohen në këtë skedë shfletuesi. Convertr nuk i merr ose i ruan ato; mbyllja ose ringarkimi i faqes pastron gjendjen e punës, përveç nëse mjeti ofron në mënyrë të qartë një shkarkim lokal.

Si ta përdorni këtë mjet

  1. Siguroni burimin SCSS plus opsionet e stilit të daljes në kontrollet e mjetit.
  2. Zgjidhni cilësimet që ndikojnë në diagnozën e kompiluar CSS ose kompiler, pastaj drejto mjetin.
  3. Shqyrtoni CSS të përpiluar ose diagnozën e përpiluesit para se ta kopjoni ose shkarkoni.

Mënyrat e zakonshme të dështimit

Variablat e papërcaktuara, përzierjet që mungojnë, importet e padisponueshme ose mbivendosja e pavlefshme kthejnë një gabim përpilimi të ndërgjegjshëm për rreshtin.

Shembull i dobishëm

Kompiloni një variabël $brand dhe rregullin e mbivendosur .button hover në CSS të zgjeruar ose të ngjeshur.