Erreur de marges de la carte Sass

Question

J'essaie d'utiliser une simple carte dans sass pour créer des classes de marge.

$margins:(
    "5": 5px, 
    "10": 10px, 
    "15": 15px, 
    "20": 20px, 
    "25": 25px, 
    "30": 30px 
); 

@each $margin in $margins{ 
    .u-mt-#{$margin}{ 
    width: $margin !important; 
    } 
} 

Dans SassMeister, j'obtiens l'erreur.

CSS valide après ".u-mt-5": sélecteur prévu, était "5px"

Answer 1

le fixe grâce

@each $margin, $margin in $margins{ 
    .u-mt-#{$margin}{ 
    width: $margin !important; 
    } 
}