SCSS-muotoilija
Muotoile SCSS yhtenäisillä sisennyksillä ja selkeillä sisäkkäisillä valitsimilla. Siisti muuttujat, mixinit ja tyylilohkot kääntämättä niitä.
Vie osoitin kentän päälle tai valitse kenttä nähdäksesi ohjeen. Sulje painamalla Escape.
Näin se toimii
Liitä sisältösi tai lataa esimerkki. Valitse asetukset, suorita työkalu ja kopioi tai lataa tulos.
Käytännön esimerkki
SCSS
$color:red;.card{color:$color;&:hover{color:blue;}}Usein kysytyt kysymykset
Lähetetäänkö tekstini palvelimelle?
Ei. Sisältö käsitellään tässä selaimessa. Sitä ei lähetetä palvelimelle eikä tallenneta.
Mitä minun tulisi tietää työkalusta SCSS-muotoilija?
Käyttää SCSS-jäsentäjää säädettävällä sisennyksellä. Muotoilu ei käännä SCSS:ää CSS:ksi eikä ratkaise tuonteja, mixinejä tai muuttujia. Virheellinen syntaksi tuottaa virheen.