LESS CSS mixin to remove extra optical space above and below the block of text caused by how the browser distributes the line height property.

remove-extra-line-height.less

.remove-extra-line-height(@line-height: 1, @m-height: 0.7, @coef: 0.5) {
  line-height: 1em * @line-height;
  
  &:before,
  &:after {
    content: "";
    display: table;
  }
  
  &:before {
    margin-bottom: ((1 - @m-height) * @coef + (@line-height - 1) / 2) * -1em;
  }
  
  &:after {
    margin-top: ((1 - @m-height) * (1 - @coef) + (@line-height - 1) / 2) * -1em;
  }
}