SCSS:stä CSS:ksi muunnin

Muunna SCSS-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.

SCSS:stä CSS-muunnostyökaluksi

SCSS-syöttö

0 merkkiä

CSS-tulostus

0 merkkiä

Muunna SCSS-koodisi CSS:ksi välittömästi yhdellä napin painalluksella. Odottelua ei tarvita.

Muuntimemme kääntää SCSS-koodin tarkasti selainvalmiiksi CSS:ksi ja käsittelee muuttujia, miksauksia ja paljon muuta.

Koodisi ei koskaan poistu selaimestasi. Kaikki konversiot tapahtuvat paikallisesti täydellisen turvallisuuden ja yksityisyyden takaamiseksi.

Käytä muunninta millä tahansa laitteella pöytäkoneesta mobiiliin. Käyttöliittymä mukautuu täydellisesti mihin tahansa näytön kokoon.

Lataa käännetty CSS-koodi yhdellä napsautuksella tai kopioi se suoraan leikepöydälle.

Säädä käännösasetuksia tulostusmuodon hallitsemiseksi, mukaan lukien pienentäminen ja lähdekartat.

Kopioi ja liitä olemassa oleva SCSS-koodisi työkalun vasemmalla puolella olevalle SCSS-syöttö-tekstialueelle.

Kun SCSS on paikallaan, napsauta "Muunna SCSS CSS:ksi" -painiketta aloittaaksesi käännösprosessin.

Käännetty CSS-koodisi näkyy oikealla puolella olevalla "CSS Output" -tekstialueella. Tarkista sen tarkkuus.

Käytä "Kopioi" -painiketta kopioidaksesi CSS-koodin leikepöydällesi tai "Lataa" -painiketta tallentaaksesi sen .css tiedostona.

Feature	CSS	SCSS
Syntax	Pelkkä CSS-syntaksi	CSS:n kaltainen syntaksi aaltosulkeilla Ei
Variables	sisäänrakennettua tukea	Täysi tuki $variable-syntaksilla
Nesting	Limited	Laajat sisäkkäisominaisuudet
Mixins	No	Kyllä @mixin ja @include
Inheritance	No	Kyllä @extend
File Import	Limited @import ominaisuudet	Edistyneet @use- ja @forward-säännöt

Sujuva peittävyyden siirtyminen

Muunna SCSS-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.

Muunna Less-koodisi CSS:ksi. Nopeaa, helppoa ja turvallista.

Luo ja visualisoi mukautettuja CSS-kuvasuodattimia

Muotoile ja kaunista CSS-koodiasi ammattimaisella tarkkuudella

Muunna heksadesimaaliluvut desimaaliluvuiksi vaivattomasti