Huesos
Style
Guide

Repositoire

GitHub

Preview

Kill Links Decoration

Helper class that kills all links’ decoration on a given block.

Use carefully and scope only to the very elements you want to style. Unwanted overrides are easy to get.

How’s this different from the mixin? This class is helper devised to quickly disable all links’ decoration within a container. It is applied at a container-level and will apply to every link, while the mixin is applied individually.

Example

<section class="kill-link-decoration">
    <p>The <a href="#">links</a> within this text are <a href="#">not decorated</a> (underlines, border-bottom etc..)</p>
</section>

Assets

  • Filesystem Path: src/components/helpers/kill-links-decoration/_kill-links-decoration.scss
  • Size: 68 Bytes 
  • .kill-link-decoration {
	a {
		@include kill-link-decoration();
	}
}