SCSS & Sass Koostaja

Kompileerige kleebitud SCSS/Sass katkendid või kohalikud .scss/.sass failid otse oma brauseris. Teie laaditabelit ei laadita üles, ei logita ega saadeta API-sse.

Klõpsake faili SCSS/Sass valimiseks või pukseerige see siia

Saate kleepida ka SCSS/Sass otse allolevasse redaktorisse.

0 baiti

0 baiti

Valmis

Brauseri põhikoostis

Kompilatsioon töötab kohapeal, kasutades ametlikku Dart Sass teostust. Convertr serveritesse laaditabeleid ei saadeta.

Väljavõte ja failisisend

Kleepige osaline SCSS, täielikud stiililehed, pesastatud reeglid, muutujad, segud või laadige kohalik .scss fail.

Ohutu mõõtmine

Analytics kasutab ainult suuruse ja vähendamise gruppe. SCSS allikas, muutujad, miksinid ja failinimed jäävad telemeetriast välja.

Korduma kippuvad küsimused

Kas minu SCSS on üles laaditud Convertr?

Ei. SCSS kompilaator töötab lokaalselt brauseriga JavaScript. Kleebitud SCSS ja valitud faile ei saadeta Convertr serveritesse.

Mis juhtub, kui failis SCSS on süntaksiviga?

Kompilaatori viga koos ridade ja veergude numbritega kuvatakse hoiatuste paneelil, et saaksite vea leida ja parandada.

Kas see toetab @import või kaugsõltuvusi?

Ei. Kiiruse, võrguühenduseta kättesaadavuse ja privaatsuse tagamiseks on kaugimportimine ja juurdepääs failisüsteemile selles brauseripõhises kompilaatoris keelatud.

Seotud arendajatööriistad

CSS-i minimeerija Tihenda CSS laaditabelid CSS värvimuundur Teisendage CSS värve CSS gradiendi generaator CSS gradiendid loome kohalikult HTML-i minimeerija Tihendage HTML katkendid JavaScripti minimeerija Tihendage kood JavaScript Arendaja tööriistad Sirvige brauseri utiliite

SCSS Kompilaator

Kompiliseerige toetatud SCSS süntaasi CSS-sse, kasutades brauseri kombineeritud kompilatsiooni.

Sisend
SCSS lähtekoht rohkem output-style võimalused.
Väljund
Kompilatsioonid CSS või kompiler diagnoos.
Tegelik piirangud
Veebisaini kompilaator ei lahenda tahtlikke projekti importi, rakendada ehitamispluginsid või tagada pariteedi erineva Sass versiooniga.
Privaatsus ja andmete töötlemine
SCSS allikas ja väljumismaterjali valikud töödeldakse selles brauseri tabis. konverteer ei saa ega salvestada seda; lehekülje sulgemine või uuesti laadimine puhastab tööolukorda, kui tööriist ei paku selgelt kohalikku allalaadimist.

Kuidas seda tööriista kasutada

  1. Pakkuge SCSS allikat ja väljund stiili võimalusi tööriista kontrollides.
  2. Valige seaded, mis mõjutavad koondatud CSS või kompiler diagnoosi, siis käivitage tööriist.
  3. Vaadake koondatud CSS või kompiler diagnoos enne selle kopeerimist või allalaadimist.

Ühine ebaõnnestumismudel

Määramata muutujad, puuduvad segud, ebapiisavad importid või ebaõige niitmine tagastab lineaarset vea.

Kasulik näide

Kompiliseerige $brändi muutuv ja nestsed .button hover reegel laiendatud või kompressitud CSS.