SCSS-muotoilija

Se lukee tyylisivun tunnisteina, kuten aaltosulkeina, puolipisteinä, kaksoispisteinä, merkkijonoina ja kommentteina, ja rakentaa asettelun niiden pohjalta uudelleen. Jokainen avaava aaltosulje aloittaa sisennetyn lohkon, ja kukin määritys päättyy omalle rivilleen.

Kyllä, sisäkkäiset säännöt ja ylävalitsimet, kuten &:hover, sisennetään yhden tason verran ylävalitsinta syvemmälle, kaksi välilyöntiä tasoa kohden. Valitsimen kaksoispisteet pysyvät kiinni valitsimessa, joten &:hover ei jakaannu.

Muuttujat, kuten $color: #333;, saavat välilyönnin kaksoispisteen jälkeen, ja @mixin sekä @include säilyttävät argumenttinsa, joiden pilkun jälkeen lisätään välilyönti. Ohjausdirektiivien, kuten @if, @each ja @for, eteen lisätään välilyönti ennen suljetta.

Kyllä, interpoloinnit, kuten #{$name}, kopioidaan täsmälleen kirjoitetussa muodossa. Tämä koskee myös valitsimien sisäisiä interpolointeja, kuten .icon-#{$name}, ja ominaisuuksien nimiin sisältyviä interpolointeja.

Ei, se ei käännä koodia muotoon CSS eikä tarkista syntaksia, joten se muotoilee myös keskeneräisiä koodinpätkiä. Etsi virheet ja tuota CSS käyttämällä Sass-kääntäjää.

Kyllä. Merkkijonolla // alkavat rivikommentit päättyvät rivin loppuun, ja lohkokommentit säilytetään paikallaan.

Ei, se on tarkoitettu SCSS-syntaksille, jossa käytetään aaltosulkeita ja puolipisteitä. Sisennetyssä .sass-syntaksissa ei ole sisennystä ohjaavia aaltosulkeita, joten muunna tiedostot ensin muotoon SCSS.

Ei, tulosteessa käytetään aina kahta välilyöntiä eikä muotoilijassa ole asetuksia. Siksi sama tyylisivu tuottaa aina saman tuloksen.

Tuloste palautetaan Markdown-koodilohkona, jonka kieleksi on merkitty scss, joten se näkyy korostettuna. Kopioi aitausten väliset rivit .scss-tiedostoosi.

Enintään 5 MB käyttökertaa kohden; suurempi syöte hylätään ilmoituksella. Tuloste on sama kuin Code Formatterin SCSS-vaihtoehdolla.