SCSS & Sass Prevajalnik

Prevedite prilepljene izrezke SCSS/Sass ali lokalne datoteke .scss/.sass neposredno v brskalniku. Vaša tabela s slogi ni naložena, zabeležena ali poslana v API.

Kliknite, da izberete datoteko SCSS/Sass ali jo spustite sem

Lahko tudi prilepite SCSS/Sass neposredno v spodnji urejevalnik.

0 bajtov

0 bajtov

pripravljena

Izvorna kompilacija v brskalniku

Kompilacija se izvaja lokalno z uporabo uradne izvedbe Dart Sass. Na strežnike Convertr niso poslane nobene tabele slogov.

Vnos izrezka in datoteke

Prilepite delno SCSS, celotne slogovne datoteke, ugnezdena pravila, spremenljivke, mešanice ali naložite lokalno datoteko .scss.

Varna meritev

Analytics uporablja le segmente velikosti in zmanjšanja. SCSS vir, spremenljivke, mešanice in imena datotek ostanejo zunaj telemetrije.

Pogosto zastavljena vprašanja

Ali je moj SCSS naložen v Convertr?

Ne. Prevajalnik SCSS deluje lokalno z brskalnikom JavaScript. Prilepljene SCSS in izbrane datoteke niso poslane na strežnike Convertr.

Kaj se zgodi, ko ima SCSS napako v sintaksi?

Napaka prevajalnika s številkami vrstic in stolpcev je prikazana na plošči z opozorili, tako da lahko poiščete in odpravite napako.

Ali to podpira @import ali oddaljene odvisnosti?

Ne. Da bi zagotovili hitrost, razpoložljivost brez povezave in zasebnost, so oddaljeni uvozi in dostop do datotečnega sistema onemogočeni v tem izvornem prevajalniku brskalnika.

Sorodna orodja za razvijalce

Minifikator CSS Stisni CSS slogovne liste CSS Barvni pretvornik Pretvori CSS barv CSS gradivni generator Ustvarjanje CSS gradij lokalno Minifikator HTML Stisni HTML izrezke Minifikator JavaScript Stisnite kodo JavaScript Orodja za razvijalce Brskajte po pripomočkih brskalnika

SCSS Prevajalnik

Sestavite podprto sintazo SCSS v CSS z uporabo povezanega brskalnika.

Vhod
SCSS vir več output-style možnosti.
Izhod
Kompilirana CSS ali diagnostična kompilatorja.
Resnične omejitve
Preglednik kompilator ne rešuje samovoljnih projektov uvoz, izvaja gradbeni vtičniki ali jamči pariteto z različico Sass.
Zasebnost in obdelava podatkov
Opcije virov SCSS plus izhodnega sloga se obdelujejo v tej zavihki brskalnika. konverter ne prejme ali shrani; zapiranje ali ponovno naložitev strani očisti delovni status, razen če orodje izrecno ponuja lokalno prenos.

Kako uporabljati to orodje

  1. Ponuja SCSS vir plus možnosti izhodnega sloga v kontrolnikih orodja.
  2. Izberite nastavitve, ki vplivajo na sestavljene diagnoze CSS ali kompilatorja, nato pa izvajajo orodje.
  3. Pregled sestavljen CSS ali kompiler diagnostike pred kopiranje ali prenos.

Skupni načini neuspeha

Nepogrešene spremenljivke, manjkajoče mešanice, nedostopni uvoz ali neupravičeno nestanje vrne napako v linijskem seznamu.

Koristni primer

Zbirajte $brand spremenljivke in nestote .button hover pravila v razširjeno ali stisnjeno CSS.