@citizensadvice/links

Default styling for anchor elements to allow users to go from one page to another. This class can also be used elements that visually resemble a link.

Usage no npm install needed!

<script type="module">
  import citizensadviceLinks from 'https://cdn.skypack.dev/@citizensadvice/links';
</script>

README

Links npm (scoped)

Default styling for anchor elements to allow users to go from one page to another. This class can also be used elements that visually resemble a link.

Examples

.a {
  border-bottom: 1px solid currentColor;
  color: #004b88;
  text-decoration: none;
}

.a:hover {
  background-color: #caeaff;
}

.a:focus {
  outline: 0.125rem solid #fcbb69;
}

Installation

$ npm install @citizensadvice/links

now import into your stylesheet...

@import '@citizensadvice/links/index.scss';

You can also make use of the unpkg service, try adding the link below to the head of your HTML file

<link src="https://unpkg.com/@citizensadvice/links@latest/build/links.css" />