# Formateur SCSS

Formatez des feuilles de style Sass SCSS avec ce formateur SCSS. Collez SCSS et l’outil met en forme les règles imbriquées, les variables, les mixins, les inclusions, les sélecteurs parents et les directives de contrôle, avec une indentation de deux espaces, une déclaration par ligne, une espace après les deux-points des propriétés et l’ajout des points-virgules manquants. Les interpolations et les commentaires sont conservés, ce qui permet aux développeurs front-end de nettoyer leurs partiels et extraits sans les compiler.

## Foire aux questions

### Comment fonctionne le formateur SCSS ?

Il lit la feuille de style sous forme de jetons, comme les accolades, les points-virgules, les deux-points, les chaînes et les commentaires, puis reconstruit la mise en forme à partir de ceux-ci. Chaque accolade ouvrante commence un bloc indenté et chaque déclaration se termine sur sa propre ligne.

### L’imbrication est-elle prise en charge ?

Oui, les règles imbriquées et les sélecteurs parents tels que &:hover sont indentés d’un niveau supplémentaire par rapport à leur parent, à raison de deux espaces par niveau. Les deux-points des sélecteurs restent attachés, ainsi &:hover n’est pas séparé.

### Comment les variables, les mixins et les inclusions sont-ils formatés ?

Les variables telles que $color: #333; sont suivies d’une espace après les deux-points, et @mixin ainsi que @include conservent leurs arguments avec une espace après chaque virgule. Les directives de contrôle telles que @if, @each et @for sont précédées d’une espace avant leur parenthèse.

### Les interpolations sont-elles conservées ?

Oui, les interpolations telles que #{$name} sont copiées exactement telles qu’elles ont été écrites. Cela inclut les interpolations dans les sélecteurs, comme .icon-#{$name}, et dans les noms de propriétés.

### L’outil compile-t-il ou valide-t-il mon SCSS ?

Non, il ne compile pas en CSS et ne vérifie pas la syntaxe ; il formate donc aussi les extraits incomplets. Utilisez le compilateur Sass pour trouver les erreurs et produire CSS.

### Les commentaires sont-ils conservés ?

Oui. Les commentaires de ligne commençant par // se terminent à la fin de leur ligne, et les commentaires de bloc sont conservés à leur emplacement.

### Est-ce compatible avec la syntaxe Sass indentée ?

Non, il est conçu pour SCSS, qui utilise des accolades et des points-virgules. Les fichiers en syntaxe .sass indentée n’ont pas d’accolades pour définir l’indentation ; convertissez-les donc d’abord en SCSS.

### Puis-je modifier l'indentation ?

Non, la sortie utilise toujours deux espaces et le formateur ne propose aucune option. La même feuille de style produit donc toujours le même résultat.

### Pourquoi le résultat est-il entouré d’un bloc de code scss ?

La sortie est renvoyée sous forme de bloc de code Markdown identifié comme scss, afin d’être affichée avec la coloration syntaxique. Copiez les lignes entre les délimiteurs dans votre fichier .scss.

### Quelle peut être la taille de ma feuille de style ?

Jusqu’à 5 MB par exécution ; les entrées plus volumineuses sont rejetées avec un message. La sortie est identique à l’option SCSS du formateur de code.

Votre publicité ici ?

[Envoyez-nous un e-mail](mailto:hi@dennn.is?subject=Publicit%C3%A9%20sur%20OneClick%20Pro)

[Annonce La suite de plugins prête pour les agents de WordPress.](https://sleekwp.com/?ref=oneclickpro)