Conversie van SCSS naar CSS.
Gratis online compiler van SCSS naar CSS, geen installatie nodig. Compile SCSS/SASS naar CSS.
Over SCSS naar CSS
Vlakt SCSS-nesting af tot gewone CSS door op inspringing gebaseerde regelblokken te parseren. Het combineert geneste selectors met hun bovenliggende selectors (met inachtneming van de &-bovenliggende referentiesnelkoppeling), stuurt elke regel met zijn eigenschappen uit en verwijdert SCSS-specifieke functies zoals regelcommentaren en $variable-declaraties.
Gebruik
1. Plak SCSS in het invoervak. 2. Klik op Convert om CSS in het uitvoervak te genereren. 3. Gebruik Copy om het resultaat te kopiëren. Als de invoer leeg is, verschijnt er een foutbericht.
Nesting en variabelen
Geneste selectors worden met een spatie aan de bovenliggende selector gekoppeld, bijvoorbeeld .parent .child. Een kind-selector die begint met & (inclusief pseudo-klassen zoals &:hover) wordt direct zonder spatie aan de ouder gekoppeld. SCSS-$variable-declaraties worden vervangen door een /* $variable removed */-commentaar en elk resterend $name-gebruik wordt var(--variable), zodat de uitvoer geldige CSS is, ook al wordt er geen volledige variabele-resolutie uitgevoerd.
▶Hoe detecteert de parser de nestingsdiepte?
▶Hoe worden SCSS-variabelen verwerkt?
▶Worden @include, @mixin of @extend ondersteund?
▶Worden inline commentaren behouden?
Als deze tool je heeft geholpen, denk dan eens aan het geven van een kop koffie aan mij.
Koop me een kop koffie.