SCSS & Sass Compilateur

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

CSS Minificateur 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 JavaScript Minificateur Compresser le code JavaScript Outils de développement Parcourir les utilitaires du navigateur

SCSS Compilateur

Compiler la syntaxe SCSS soutenue dans CSS en utilisant le compilateur de navigateur intégré.

Entrée
SCSS Source Plus d'options Output-style.
Sortie
CSS ou diagnostic de compilateur.
Les limites réelles
Le compilateur de navigateur ne résout pas les importations arbitraires de projet, exécute les plugins de construction ou garantit 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. Converter 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. Fournir la source SCSS plus les options de style de sortie dans les contrôles d'outils.
  2. Choisissez les paramètres qui affectent les diagnostics de CSS ou de compilateur, puis exécutez l'outil.
  3. Revue des diagnostics CSS ou compiler compilé avant de les copier ou de les télécharger.

Modes communs d'échec

Des variables non définies, des mélanges manquants, des importations inutilisables ou une nuance invalide retournent un erreur de compilation de l'attention.

Exemple utile

Compiler une variable de marque $ et un règle .button hover nés dans un CSS étendu ou compres.