@citizensadvice/rich-content

A module for styling up classless elements ideal for use in a CMS.

Usage no npm install needed!

<script type="module">
  import citizensadviceRichContent from 'https://cdn.skypack.dev/@citizensadvice/rich-content';
</script>

README

Rich-content npm (scoped)

A module for styling up classless elements ideal for use in a CMS.

Examples

Example checkbox markup

<div class="rich-content">
  <h1>Heading level 1</h1>
  <h2>Heading level 2</h2>
  <h3>Heading level 3</h3>

  <p>Lorem <em>ipsum</em> dolar sit amet, consectetur...</p>

  <ul>
    <li>List item #1</li>
    <li>List item #2</li>
    <li>List item #3</li>
  </ul>

  <ol>
    <li>List item #1</li>
    <li>List item #2</li>
    <li>List item #3</li>
  </ol>

  <a href="#">Click me</a>
</div>

Installation

$ npm install @citizensadvice/rich-content

now import into your stylesheet...

@import '@citizensadvice/rich-content/index.scss';

OR

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/rich-content@latest/build/rich-content.css" />