<div class="uno">Hola Devcode</div>
<div class="dos">Hola Devcode</div>
$estilos: (
  azul: #4285F4,
  naranja: #E67E22
);

@mixin fondo($color){
  @if map-has-key($estilos, $color){
    background-color: map-get($estilos, $color);
  } 
}

.uno{
  @include fondo(azul);
  color: white;
}
.dos{
  @include fondo(naranja);
  color: white;
}

div {
  text-align: center;
  padding: 2rem;
  margin: .5rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.