Compilateur SCSS & Sass

Compilez les extraits SCSS/Sass collés ou les fichiers locaux .scss/.sass directement dans votre navigateur. Votre feuille de style n'est pas téléchargée, enregistrée ou envoyée à une API.

Cliquez pour choisir un fichier SCSS/Sass ou déposez-le ici

Vous pouvez également coller SCSS/Sass directement dans l'éditeur ci-dessous.

0 octets

0 octets

Prêt

Compilation native du navigateur

La compilation s'exécute localement en utilisant l'implémentation officielle Dart Sass. Aucune feuille de style n'est envoyée aux serveurs Convertr.

Entrée d'extrait de code et de fichier

Collez des SCSS partiels, des feuilles de style complètes, des règles imbriquées, des variables, des mixins ou chargez un fichier .scss local.

Mesure sûre

Analytics utilise uniquement des catégories de taille et de réduction. SCSS la source, les variables, les mixins et les noms de fichiers restent en dehors de la télémétrie.

Questions fréquemment posées

Mon SCSS est-il téléchargé sur Convertr ?

Non. Le compilateur SCSS s'exécute localement avec le navigateur JavaScript. SCSS collé et les fichiers sélectionnés ne sont pas envoyés aux serveurs Convertr.

Que se passe-t-il lorsque SCSS contient une erreur de syntaxe ?

L'erreur du compilateur avec les numéros de ligne et de colonne est affichée dans le panneau d'avertissements afin que vous puissiez localiser et corriger l'erreur.

Est-ce que cela prend en charge @import ou les dépendances distantes ?

Non. Pour garantir la vitesse, la disponibilité hors ligne et la confidentialité, les importations à distance et l'accès au système de fichiers sont désactivés dans ce compilateur natif du navigateur.

Outils de développement connexes

Minificateur CSS Compresser les feuilles de style CSS Convertisseur de couleurs CSS Convertir les couleurs CSS Générateur de gradient CSS Créer des gradients CSS locaux HTML Minificateur Compresser les extraits HTML Minificateur JavaScript Compresser le code JavaScript Outils pour développeurs Parcourir les utilitaires du navigateur

Compilateur SCSS

Compilez la syntaxe SCSS prise en charge en CSS en utilisant le compilateur intégré du navigateur.

Entrée
Source SCSS plus options de style de sortie.
Sortie
CSS compilé ou diagnostics du compilateur.
Limitations réelles
Le compilateur du navigateur ne résout pas les importations arbitraires de projet, n'exécute pas les plugins de construction ou ne garantit pas la parité avec une version Sass différente.
Confidentialité et traitement des données
Les options de source SCSS plus de style de sortie sont traitées dans cette rubrique du navigateur. Convertr ne reçoit pas ou ne le stockera pas; fermer ou récharger la page clarifie l'état de fonctionnement sauf si l'outil offre explicitement un téléchargement local.

Comment utiliser cet outil

  1. Fournissez la source SCSS plus les options de style de sortie dans les contrôles de l'outil.
  2. Choisissez les paramètres qui affectent les diagnostics de CSS ou de compilateur, puis exécutez l'outil.
  3. Vérifiez les diagnostics CSS ou du compilateur compilé avant de les copier ou de les télécharger.

Modes d’échec courants

Des variables non définies, des mixins manquants, des importations indisponibles ou une imbrication invalide renvoient une erreur de compilation avec indication de ligne.

Exemple utile

Compilez une variable $brand et une règle .button hover imbriquée en CSS étendu ou compressé.