<div class="darkslateblue"></div>
<div class="mediumorchid"></div>
<div class="seagreen"></div>
<div class="steelblue"></div>

// colors
colors = 'darkslateblue' 'mediumorchid' 'seagreen' 'steelblue'

// loop!
for color in colors
  {'.' + color}
    background: unquote(color)


// styles
body {
  display: flex;
}

div {
  flex: 1 1 auto;
  height: 100vh;
}