Quelle est la différence avec Sass ?

SCSS est la syntaxe compatible CSS de Sass. SCSS utilise des accolades tandis que Sass utilise une syntaxe basée sur l'indentation.

Combien de niveaux d'imbrication sont pris en charge ?

Techniquement illimité, mais 3 à 4 niveaux sont recommandés pour la maintenabilité du CSS.

Puis-je utiliser @import et @use ?

Les @import externes ne peuvent pas être résolus dans ce convertisseur mono-fichier. Les variables et mixins au sein du même fichier fonctionnent.

Mes données sont-elles en sécurité ?

Oui, tout le traitement s'effectue dans votre navigateur. Le code n'est jamais envoyé à un serveur.

Convertisseur SCSS en CSS

Compilez le code SCSS en CSS standard. Visualisez l'expansion des imbrications et des variables en temps réel.

Saisie SCSS

Résultat CSS

Partager cet outil

📖

Comment utiliser

Step 1

Saisir le SCSS

Saisissez ou collez le code SCSS à convertir

→

Step 2

Sélectionner le style de sortie

Choisissez le style de sortie : étendu, compressé, etc.

→

Step 3

Obtenir le CSS

Copiez ou téléchargez le CSS converti

✨

Fonctionnalités

Conversion en temps réel

Conversion en CSS en temps réel au fur et à mesure de la saisie du SCSS

Sélection du style de sortie

Quatre styles : étendu, imbriqué, compact, compressé

Affichage des erreurs

Mise en évidence claire des erreurs de syntaxe SCSS

❓

FAQ

SCSS étend le CSS avec des variables, l'imbrication, les mixins et l'héritage. Il doit être compilé en CSS pour les navigateurs.

🔗Outils associés

🔐

Outils développeur

Générateur de mots de passe

Générez des mots de passe aléatoires et robustes instantanément. Personnalisez la longueur et les types de caractères librement.

📋

Outils développeur

Formateur et validateur JSON

Formatez et validez les données JSON pour une meilleure lisibilité. Prend en charge le réglage de l'indentation et la compression en une seule ligne (minification).

🆔

Outils développeur

Générateur UUID/GUID

Générez des UUID v4 en un clic. Génération en masse jusqu'à 100 UUID avec options de majuscules et de tirets.

🔗

Outils développeur

Générateur de slug URL

Générez des slugs URL optimisés pour le SEO à partir de texte. Supprime automatiquement les caractères spéciaux et gère la translittération.

🕐

Outils développeur

Convertisseur de timestamp Unix

Convertissez entre les timestamps Unix et les dates lisibles. Obtenez également le timestamp actuel instantanément.

📷

Outils développeur

Scanner de QR code

Lisez et décodez les QR codes à partir d'images téléchargées. Les URL sont affichées comme liens cliquables et le texte peut être copié en un clic.