Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$font-weights: (lightest,100) (light,200) (regular,300) (medium,500) (bold,700) (boldest,900);

@each $font in $font-weights {
  $font-name: nth($font, 1);
  $font-weight: nth($font, 2);
  
  %font-#{$font-name}, .font-#{$font-name} {
    font-weight: $font-weight;
  }
  %font-#{$font-name}-italic, .font-#{$font-name}-italic {
    font-style: italic;
  }
}

SassMeister-output.css

.font-lightest {
  font-weight: 100;
}

.font-lightest-italic {
  font-style: italic;
}

.font-light {
  font-weight: 200;
}

.font-light-italic {
  font-style: italic;
}

.font-regular {
  font-weight: 300;
}

.font-regular-italic {
  font-style: italic;
}

.font-medium {
  font-weight: 500;
}

.font-medium-italic {
  font-style: italic;
}

.font-bold {
  font-weight: 700;
}

.font-bold-italic {
  font-style: italic;
}

.font-boldest {
  font-weight: 900;
}

.font-boldest-italic {
  font-style: italic;
}