SCSS & Sass Kääntäjä

Koota pasted SCSS/Sass snippets tai paikallinen .scss/.sass tiedostoja suoraan selaimessasi. tyylilehtiä ei ladata, kirjaudu sisään tai lähetetä APIlle.

Napsauta valitaksesi SCSS/Sass-tiedoston tai pudota se tähän

Voit myös liittää SCSS/Sass suoraan alla olevaan editoriin.

0 tavua

0 tavua

Valmis

Selaimen alkuperäinen kokoelma

Kokoelma suoritetaan paikallisesti käyttäen virallista Dart Sass -toteutusta. Tyylisivuja ei lähetetä Convertr-palvelimille.

Katkelman ja tiedoston syöttö

Liitä osittainen SCSS, täydelliset tyylisivut, sisäkkäiset säännöt, muuttujat, mixinit tai lataa paikallinen .scss-tiedosto.

Turvallinen mittaus

Analytics käyttää vain koko- ja pienennysryhmiä. SCSS lähde, muuttujat, mixinit ja tiedostonimet eivät kuulu telemetriaan.

Usein kysytyt kysymykset

Onko SCSS ladattu kansioon Convertr?

Ei. SCSS-kääntäjä toimii paikallisesti selaimella JavaScript. SCSS liitetty ja valittuja tiedostoja ei lähetetä Convertr palvelimille.

Mitä tapahtuu, kun SCSS sisältää syntaksivirheen?

Kääntäjän virhe rivi- ja sarakenumeroineen näkyy varoituspaneelissa, jotta voit paikantaa ja korjata virheen.

Tukeeko tämä @import- tai etäriippuvuuksia?

Ei. Nopeuden, offline-käytettävyyden ja tietosuojan varmistamiseksi etätuonti ja tiedostojärjestelmän käyttö on estetty tässä selaimen alkuperäisessä kääntäjässä.

Liittyvät kehittäjätyökalut

CSS-minifier Pakkaa CSS tyylisivut CSS Värinmuunnin Muunna CSS väriä CSS Gradient Generator -tuotantokone Luo CSS-gradientit paikallisesti HTML-pienentäjä Pakkaa HTML katkelmia JavaScript-pienentäjä Pakkaa JavaScript-koodi Kehittäjätyökalut Selaa selaimen apuohjelmia

SCSS Kääntäjä

Compile tuettu SCSS syntax CSS: ssä käyttämällä yhdistettyä selaimen kompilaattoria.

Syöte
SCSS lähde lisää output-tyylin vaihtoehtoja.
Tuloste
CSS tai kompilerin diagnoosi.
Todelliset rajoitukset
selaimen kootaja ei ratkaise tahallisia hankkeiden tuontia, suorittaa rakennusliitännät tai takaa pariteettia eri Sass-versio.
Yksityisyys ja tietojen käsittely
SCSS-lähteen ja tulostyyliä koskevat vaihtoehdot käsitellään tässä selaimen taulukossa.Convertr ei saa tai tallentaa sitä; sivun sulkeminen tai uudelleen lataaminen puhdistaa työskentelyn, ellei työkalu nimenomaisesti tarjoa paikallista latausta.

Miten käyttää tätä työkalua

  1. Tarjoa SCSS-lähteen ja tulostyyli vaihtoehtoja työkalun ohjauksissa.
  2. Valitse asetukset, jotka vaikuttavat koottuun CSS: n tai koottimien diagnoosin, ja käynnistä sitten työkalu.
  3. Tarkastele koottu CSS tai kompiler diagnoosit ennen kopiointia tai lataamista.

Yleiset epäonnistumismodit

Määrittämättömät muuttujat, puuttuvat sekoitteet, saatavilla olevat tuonti tai epätodennäköinen nestintä palauttavat virheen.

Hyödyllinen esimerkki

Yhdistä $brändin muuttuva ja niste .button hover -säännös laajennetuksi tai kompressoituun CSSeen.