Line spacing in Sass css

line_spacing.scss

/* The line-height value doesn't only define the distance between different lines
 * but also distances the lines from everything around them.
 * This mixin allows one to distance lines in a text while keeping the distance between a
 * text and its surrounding elements constant.
 * Assumes $line-height >= 1
 */
@mixin line-spacing($line-height: 1) {
  line-height: $line-height;
  // Negative margin to compensate for line-height pushing the first line downward / the last line upward
  $compensation-margin: ($line-height - 1) / -2;
  &:first-child {
    margin-top: $compensation-margin;
  }
  &:last-child {
    margin-bottom: $compensation-margin;
  }
}