Convertisseur SCSS en CSS

Aplatie l'imbrication SCSS en CSS simple en analysant des blocs de règles basés sur l'indentation. Il joint les sélecteurs imbriqués à leurs parents (en respectant le raccourci de référence au parent avec &), émet chaque règle avec ses propriétés et supprime les fonctionnalités spécifiques à SCSS telles que les commentaires de ligne et les déclarations $variable.

1. Collez le SCSS dans la zone de saisie. 2. Cliquez sur Convert pour générer le CSS dans la zone de sortie. 3. Utilisez Copy pour copier le résultat. Un message d'erreur apparaît si la saisie est vide.

Les sélecteurs imbriqués sont joints au sélecteur parent par une espace, par exemple .parent .child. Un sélecteur enfant commençant par & (y compris les pseudo-classes comme &:hover) est concaténé directement au parent sans espace. Les déclarations SCSS $variable sont remplacées par un commentaire /* $variable removed */ et toute utilisation restante de $name devient var(--variable), de sorte que la sortie est du CSS valide même si aucune résolution complète des variables n'est effectuée.