Sass vers CSS
Compilez Sass et SCSS en CSS en ligne. Conversion en temps réel avec sortie étendue ou compressée, erreurs avec numéros de ligne et prise en charge complète des variables, mixins et imbrications.
Quelle est la différence entre Sass et SCSS ?
SCSS est la syntaxe plus récente, proche du CSS, avec accolades et points-virgules. Sass (la syntaxe indentée) utilise l'indentation et les sauts de ligne. Cet outil compile les deux : choisissez la syntaxe dans le menu déroulant.
Quelles fonctionnalités de Sass sont prises en charge ?
Le compilateur utilise le moteur officiel Dart Sass : variables, imbrication, mixins, @include, fonctions, @use, @extend, directives de contrôle comme @if et @each, et le style de sortie compressé sont tous pris en charge.
Comment obtenir un CSS compressé ?
Passez le menu du style de sortie sur Compressé avant de compiler. Les espaces et le point-virgule final sont retirés, produisant la feuille de style la plus légère possible.
Pourquoi l'erreur affiche-t-elle un numéro de ligne ?
Quand votre code contient une erreur de syntaxe, le moteur Sass indique la ligne et la colonne exactes où l'analyse a échoué, et l'outil l'affiche au-dessus de la sortie pour corriger rapidement.
Mon code Sass est-il envoyé à un serveur ?
Non. Le moteur Dart Sass complet est intégré à la page et compile localement dans votre navigateur. Vos feuilles de style ne quittent jamais votre appareil : c'est sûr même pour des projets privés.
Puis-je compiler des @import de fichiers locaux ?
Non. Le compilateur travaille sur un seul extrait en mémoire et n'accède pas à votre système de fichiers : les @import de fichiers et le @use de partiels externes ne peuvent pas être résolus.
Fonctionne-t-il hors ligne ?
Oui. Une fois la page et le paquet du compilateur chargés, la compilation se fait entièrement sur votre machine, sans connexion.
Comment utiliser le résultat ?
Copiez le CSS compilé ou téléchargez-le en style.css avec les boutons sous la sortie, puis liez-le dans votre HTML ou collez-le dans la feuille de style de votre projet.
Comment utiliser Sass vers CSS
Ce compilateur exécute le moteur officiel Dart Sass entièrement dans votre navigateur. Collez du SCSS ou du Sass indenté et obtenez un CSS propre instantanément — variables, mixins, imbrication et fonctions prises en charge, rien n'est envoyé.
- Collez votre Sass ou SCSS dans la zone d'entrée, ou cliquez sur Exemple pour charger une démo fonctionnelle avec variable et mixin.
- Choisissez la syntaxe (SCSS ou Sass indenté) et le style de sortie (Développé ou Compressé) dans les menus déroulants.
- Avec la Compilation en direct activée, le CSS apparaît pendant que vous tapez ; sinon, cliquez sur Compiler pour le lancer manuellement.
- En cas d'erreur de syntaxe, le numéro de ligne exact et le message s'affichent au-dessus de la sortie pour corriger vite.
- Utilisez Copier ou Télécharger sous la sortie pour récupérer votre feuille de style compilée en style.css.
Choisissez le style de sortie Compressé pour minifier votre feuille de style — parfait pour des builds de production directement depuis la source.
Outils associés
- Beautificateur CSS Formatez et embellissez le code CSS instantanément. Convertissez le CSS minifié en code lisible et bien indenté avec des options personnalisables.
- Minificateur CSS Minificateur CSS en ligne gratuit. Compressez et optimisez instantanément le code CSS en supprimant espaces, commentaires et caractères inutiles. Réduisez la taille pour de meilleures performances web.
- Générateur de Dégradés CSS Créez de superbes dégradés CSS visuellement. Générez des dégradés linéaires, radiaux et coniques avec plusieurs arrêts de couleur, angles et positions. Copiez instantanément du code CSS prêt pour la production.
- Générateur CSS Flexbox Générateur visuel CSS Flexbox avec aperçu en direct. Ajustez les propriétés flex et obtenez du code CSS prêt à l'emploi.
- Calculatrice Chmod Calculatrice chmod gratuite en ligne pour visualiser et calculer les permissions de fichiers Linux avec des cases à cocher. Convertissez instantanément entre notation numérique (755, 644) et symbolique (rwxr-xr-x). Supporte les permissions spéciales comme setuid, setgid, sticky bit.
- Table ASCII Référence complète de codage de caractères ASCII avec codes décimaux, hexadécimaux, octaux, binaires, entités HTML et descriptions. Recherche et filtre instantanés.
- Testeur de Requêtes HTTP Testez les APIs REST directement dans votre navigateur. Envoyez des requêtes GET, POST, PUT, DELETE avec des en-têtes, corps et paramètres personnalisés. Voyez le statut, les en-têtes et le corps JSON instantanément.
- Générateur .htaccess Générez des règles .htaccess Apache pour les redirections, réécritures, en-têtes de sécurité, cache et plus.