Formateur SCSS
Formatez votre code SCSS/Sass.
Mettre en forme votre SCSS facilement
SCSS est la syntaxe la plus répandue du préprocesseur Sass. Elle enrichit le CSS de variables, de règles imbriquées, de mixins et de fonctions, ce qui rend les feuilles de style plus puissantes mais aussi plus denses. Quand le code est collé en une seule ligne ou mal indenté, il devient difficile à relire. Ce formateur réorganise automatiquement votre SCSS pour qu'il respecte une indentation cohérente et lisible.
Formater ou minifier selon le besoin
Le bouton Formater est idéal pendant le développement : il aère votre code, place chaque déclaration sur sa ligne et indente proprement les sélecteurs imbriqués et le sélecteur parent &. Le bouton Minifier répond au besoin inverse : retirer les commentaires et les espaces superflus pour obtenir une version compacte, utile lorsque vous voulez réduire la taille avant compilation ou comparaison.
Rapide, gratuit et sans envoi de données
Collez votre SCSS, choisissez Formater ou Minifier, puis copiez le résultat en un clic. Tout le traitement se déroule localement dans le navigateur : pas d'inscription, pas de téléversement et aucune limite d'utilisation. Vos variables, vos imbrications et votre interpolation sont préservées tout au long de l'opération.
Questions fréquentes
- Que fait le bouton Formater ?
- Il réindente votre code SCSS en deux espaces par niveau d'imbrication. Chaque accolade ouvrante augmente l'indentation, chaque accolade fermante la réduit, et les déclarations sont placées sur leur propre ligne. Le résultat est une feuille de style lisible et structurée.
- Comment fonctionne la minification ?
- La minification supprime les commentaires (// et /* */), réduit les espaces inutiles et compacte les accolades, points-virgules, deux-points et virgules. Vous obtenez un code SCSS condensé, plus léger à transmettre ou à intégrer.
- L'outil gère-t-il les variables et l'imbrication Sass ?
- Oui. Les variables comme $primary, les sélecteurs imbriqués et le sélecteur parent &:hover sont conservés. Le formateur respecte l'interpolation #{ } et ne casse pas vos règles imbriquées lors de l'indentation.
- Mon code est-il envoyé sur un serveur ?
- Non. Le formatage et la minification s'exécutent entièrement dans votre navigateur. Votre code SCSS ne quitte jamais votre machine, ce qui convient même aux projets privés ou confidentiels.
- Cet outil compile-t-il le SCSS en CSS ?
- Non, il ne compile pas le Sass en CSS final. Il s'agit d'un formateur et d'un minifieur de code source : il réorganise ou compresse le texte, mais ne transforme pas les variables et mixins en propriétés CSS. Utilisez un compilateur Sass pour cette étape.