SASS each loops

each-loops.scss

@each $family in futura-book, futura-bold, futura-bold-italic, futura-italic {
  @font-face {
    font-family: #{$family};
    src: url('../fonts/#{$family}/#{$family}.eot');
    src: url('../fonts/#{$family}/#{$family}.eot?#iefix') format('embedded-opentype'),
         url('../fonts/#{$family}/#{$family}.woff') format('woff'),
         url('../fonts/#{$family}/#{$family}.ttf') format('truetype'),
         url('../fonts/#{$family}/#{$family}.svg##{$family}') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}

@each $item in twitter google facebook pinterest {
  .#{$item} {
    @extend .icon;
    @extend .icon-#{$item};
  }
}