text-crop.scss

@mixin eds-mx-text-crop($desired-line-height: $eds-global-line-height) {
	$ratio: $desired-line-height / $eds-global-line-height;

	&:before,
	&:after {
		content: '';
		display: block;
		width: 0;
		height: 0;
	}

	&:before {
		margin-bottom: calc(#{var(--eds-global-text-crop-top, -0.3125em)} * #{$ratio});
	}

	&:after {
		margin-top: calc(#{var(--eds-global-text-crop-bottom, -0.25em)} * #{$ratio});
	}
}

.eds-text-crop {
  @include eds-mx-text-crop();
}

.random-thing-with-different-line-height {
  line-height: 12;
  @include eds-mx-text-crop(12); 
}