Add beautiful underline to your links. Use .-link-hang
$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.
<a>
you'll need to change text color of the link manually:
Hang Link is here
Put -link-hang
inside elements b
, i
, small
, p
and span
. The styles will aply to the inner -link-hang
automatically.
Info big paragraph with Hang Link inside.
Warning small tag with Hang Link insideThere is Hang Link inside this span
Info big paragraph with Hang Link inside.
Warning small tag with Hang Link inside
When you change the background, you can see the artifacts.
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.