Prevajalnik SCSS & Sass

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

Pripravljeno

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 barve Generator prelivov CSS Ustvarite CSS gradiente lokalno Minifikator HTML Stisni HTML izrezke Minifikator JavaScript Stisnite kodo JavaScript Orodja za razvijalce Brskajte po pripomočkih brskalnika

Prevajalnik SCSS

Sestavite podprto sintakso SCSS v CSS z uporabo vgrajenega brskalniškega prevajalnika.

Vhod
SCSS vir z možnostmi izhodnega sloga.
Izhod
Kompiliran CSS ali diagnostični podatki prevajalnika.
Resnične omejitve
Pregledniški prevajalnik ne rešuje samovoljnih uvozov projektov, ne izvaja gradbenih vtičnikov in ne zagotavlja enakovrednosti z drugo različico Sass.
Zasebnost in ravnanje s podatki
Vir SCSS plus možnosti izhodnega sloga se obdelujejo v tem zavihku brskalnika. Convertr jih ne prejme ali shrani; zapiranje ali ponovno nalaganje strani počisti delovno stanje, razen če orodje izrecno ponuja lokalni prenos.

Kako uporabljati to orodje

  1. Ponudite SCSS vir in možnosti izhodnega sloga v kontrolnikih orodja.
  2. Izberite nastavitve, ki vplivajo na prevedeni CSS ali diagnostična poročila prevajalnika, nato zaženite orodje.
  3. Preglejte preveden CSS ali diagnostiko prevajalnika, preden ga kopirate ali prenesete.

Pogosti načini napak

Nedefinirane spremenljivke, manjkajoče mešanice, nedostopni uvoz ali neveljavno gnezdenje vrne napako pri prevajanju z navedbo vrstice.

Koristni primer

Prevedite spremenljivko $brand in gnezdeno pravilo .button hover v razširjen ali stisnjen CSS.