Convertir CSS, Sass et SCSS

Choisissez le langage de départ et le langage d’arrivée. La conversion se fait dans votre navigateur : le code n’est pas envoyé au serveur.

Depuis

Vers

Code source

@use "sass:color";

$couleur: #1d6fe8;

.bouton {
  padding: 0.6rem 1rem;
  color: $couleur;

  &:hover {
    color: color.adjust($couleur, $lightness: -12%);
  }
}

Résultat

Pour réindenter sans changer de langage, utilisez le formateur de code. Le geste de compilation est aussi le premier chapitre du cours SASS : Installer Sass et compiler un premier fichier.