@citizensadvice/clearfix

The clearfix is a way to contain floats without resorting to using presentational markup.

Usage no npm install needed!

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

README

Clearfix npm (scoped)

The clearfix is a way to contain floats without resorting to using presentational markup.

Classes

Class name
.clearfix

Examples

<div class="clearfix">
  <div class="float-left">...</div>
  <div class="float-right">...</div>
</div>

Installation

$ npm install @citizensadvice/clearfix

now import into your stylesheet...

@import '@citizensadvice/clearfix/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/clearfix@latest/build/clearfix.css" />