CSS

how to use scss loops for icons

$menu-icon-items:"f007","f07c","f1fa";
  @for $i from 1 through length($menu-icon-items) {
    .menu-item#{$i}{
      &:before {
        content:nth($menu-icon-items,$i);
    }
  }
}