SCSS és Sass Fordító

Fordítsa le a beillesztett SCSS/Sass kódrészleteket vagy helyi .scss/.sass fájlokat közvetlenül a böngészőben. A stíluslap nincs feltöltve, naplózva vagy elküldve API-nak.

Kattintson egy SCSS/Sass fájl kiválasztásához, vagy dobja ide

A SCSS/Sass közvetlenül az alábbi szerkesztőbe is beilleszthető.

0 bájt

0 bájt

Kész

Böngésző-natív összeállítás

A fordítás helyileg fut a hivatalos Dart Sass implementációval. Nem küldenek stíluslapokat a Convertr szerverekre.

Részlet- és fájlbevitel

Illesszen be részleges SCSS, teljes stíluslapokat, beágyazott szabályokat, változókat, mixineket, vagy töltsön be egy helyi .scss fájlt.

Biztonságos mérés

Az Analytics csak méret- és csökkentési csoportokat használ. SCSS forrás, változók, mixinek és fájlnevek nem vonatkoznak a telemetriára.

Gyakran ismételt kérdések

Fel van töltve a SCSS a Convertr mappába?

Nem. A SCSS fordító helyileg a JavaScript böngészővel fut. A SCSS beillesztve, és a kiválasztott fájlok nem kerülnek elküldésre a Convertr szerverekre.

Mi történik, ha a SCSS szintaktikai hibát észlel?

A fordítói hiba sor- és oszlopszámmal megjelenik a figyelmeztető panelen, így megtalálhatja és kijavíthatja a hibát.

Támogatja a @import vagy távoli függőségeket?

Nem. A sebesség, az offline elérhetőség és az adatvédelem biztosítása érdekében a távoli importálás és a fájlrendszerhez való hozzáférés le van tiltva ebben a böngésző-natív fordítóban.

Kapcsolódó fejlesztői eszközök

CSS-tömörítő CSS stíluslapok tömörítése CSS Színkonvertáló CSS színek konvertálása CSS Gradient Generátor CSS gradiensek helyi létrehozása HTML-tömörítő HTML töredékek tömörítése JavaScript-tömörítő Tömörítse a JavaScript kódot Fejlesztői Eszközök Tallózás a böngésző segédprogramjai között

SCSS Fordító

A támogatott SCSS szintázis CSS-be történő összeállítása a csomagolt böngészőkompilátor segítségével.

Bemenet
SCSS forrás több output-style opciók.
Kimenet
CSS vagy kompilátor diagnosztika.
Valódi korlátozások
A böngésző-kompilátor nem oldja meg a projekt önkényes importjait, végrehajtja az építő plug-ineket, vagy garantálja a pártatlanságot egy másik Sass verzióval.
Adatvédelem és adatkezelés
A SCSS forrás plusz kiindulási stílus opciók feldolgozása ebben a böngészőben.A Converter nem kapja meg vagy tárolja; az oldal bezárása vagy újratöltése tisztítja a működési állapotot, kivéve, ha az eszköz kifejezetten helyi letöltést kínál.

Hogyan használjuk ezt az eszközt

  1. A SCSS forrás plusz kimeneti stílusú opciók biztosítása az eszközvezérlésekben.
  2. Válassza ki a konfigurációkat, amelyek befolyásolják a készített CSS vagy a kompilátor diagnosztikáját, majd futtatja az eszközt.
  3. A CSS vagy a kompilátor diagnosztikája felülvizsgálata a másolás vagy letöltés előtt.

Gyakori hibák

A nem meghatározott változók, a hiányzó keverékek, a nem elérhető importok vagy az érvénytelen szeletelés visszaküldi a lineáris összeállítási hibát.

Gyakorlati példa

Összeállítsa a $brand változó és a .button hover szabályt kiterjesztett vagy tömörített CSS-be.