Codecademy export

index.html

<link rel="stylesheet" type="text/css" href="main.css">

<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>
<div class='ray'></div>

main.scss

$total: 10; //Number of .ray divs in our html
$step: 360deg / $total; //Used to compute the hue based on color-wheel


.ray {
  height: 30px;
}

//Add your for-loop here:
@for $i from 1 through $total {
  .ray:nth-child(#{$i}) {
    background: adjust-hue(blue, $i * $step);
   }
}