SCSS & Sass -kääntäjä

Kokoa liitetyt SCSS/Sass-koodinpätkät tai paikalliset .scss/.sass-tiedostot suoraan selaimessasi. Tyylilehteäsi ei ladata, kirjata tai lähetetä API:lle.

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 kääntäminen

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-tiedostoni ladattu Convertriin?

Ei. SCSS-kääntäjä toimii paikallisesti selaimen JavaScriptillä. Liitettyä SCSS:ää 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 omassa kääntäjässä.

Liittyvät kehittäjätyökalut

CSS-minifier Pakkaa CSS-tyylisivut CSS-värimuunnin Muunna CSS-värejä CSS-liukuvärigeneraattori Luo CSS-liukuvärejä paikallisesti HTML-pienentäjä Pakkaa HTML-katkelmia JavaScript-pienentäjä Pakkaa JavaScript-koodi Kehittäjätyökalut Selaa selaimen apuohjelmia

SCSS-kääntäjä

Käännä tuettu SCSS-syntaksi CSS:ksi käyttämällä sisäänrakennettua selaimen kääntäjää.

Syöte
SCSS-lähde plus tulostustyylin vaihtoehdot.
Tulos
Käännetty CSS tai kääntäjän diagnostiikka.
Todelliset rajoitukset
Selaimen kääntäjä ei ratkaise mielivaltaisia projektien tuonteja, suorita rakennusliitännäisiä tai takaa yhteensopivuutta eri Sass-version kanssa.
Yksityisyys ja tietojen käsittely
SCSS-lähde ja tulostyyliä koskevat vaihtoehdot käsitellään tässä selaimen välilehdessä. Convertr ei vastaanota tai tallenna niitä; sivun sulkeminen tai uudelleenlataaminen tyhjentää työtilan, ellei työkalu nimenomaisesti tarjoa paikallista latausta.

Kuinka käyttää tätä työkalua

  1. Anna SCSS-lähdekoodi ja tulostyyliasetukset työkalun ohjaimissa.
  2. Valitse asetukset, jotka vaikuttavat koottuun CSS:ään tai kääntäjän diagnostiikkaan, ja käynnistä sitten työkalu.
  3. Tarkastele koottua CSS:ää tai kääntäjän diagnostiikkaa ennen kopiointia tai lataamista.

Yleiset virhetilat

Määrittelemättömät muuttujat, puuttuvat sekoitukset, saavuttamattomat tuonnit tai virheellinen sisäkkäisyys palauttavat rivitietoisen käännösvirheen.

Hyödyllinen esimerkki

Käännä $brand-muuttuja ja sisäkkäinen .button hover -sääntö laajennetuksi tai tiivistetyksi CSS:ksi.