Generic mixin to increase the specificity of the contents rules

increase-specificity.scss

// Increase class-level specificity of a rule without functionaly modifying the selector
@mixin increase-specificity( $depth: 1 ) {
	$sel : '';

	@while($depth > 0) {
		$sel   : $sel + ':nth-child(n)';
		$depth : $depth - 1;
	}

	&#{$sel} {
		@content;
	}
}