Links

Add beautiful underline to your links. Use .-link-hang

Global variables:

$typo-link-hang-class: "-link-hang" !global
	$typo-link-hang-underline-height: 1px !global

Important! If you use -link-hang with tag <a>, the color of tag will not be changed. You'll need to change it manually. I did it to not to break user's css.

Hang Link is here
With tag <a> you'll need to change text color of the link manually:

Hang Link is here

Hang Link is here

In block and inline tags

Put -link-hang inside elements b, i, small, p and span. The styles will aply to the inner -link-hang automatically.

There is Hang Link inside this span.

Info big paragraph with Hang Link inside.

Warning small tag with Hang Link inside
There is Hang Link inside this span

Info big paragraph with Hang Link inside.

Warning small tag with Hang Link inside

Problems

When you change the background, you can see the artifacts.

There is Hang Link inside this span.

To fix that, add text-shadow: .1em 0 0 color-here, -.1em 0 0 color-here to your -link-hang in the block with background.

There is Hang Link inside this span.
There is Hang Link inside this span.