$base-color: #036;</p> <p>@for $i from 1 through 3 {<br /> ul:nth-child(3n + #{$i}) {<br /> background-color: lighten($base-color, $i * 5%);<br /> }<br /> }</p> <p>

@for $i from 1 through 6 {<br /> .grid-#{$i} {<br /> width: 100px*$i;<br /> }<br /> }

@for $i from 1 through 3 {<br /> ul:nth-child(3n + #{$i}) {<br /> background-color: lighten($base-color, $i * 5%);<br /> }<br /> }

@for $i from 1 through 3 {<br /> ul:nth-child(3n + #{$i}) {<br /> color: blue;<br /> }<br /> }

@each $theme-name, $theme-color in $colors-theme-bo {<br /> .theme-#{$theme-name} {<br /> color: $theme-color;<br /> }<br /> }