View source

Clearfix Utility

The clearfix utility is used on elements that need to automatically clear their child elements.

Installation

npm install --save-dev iotacss-utils-clearfix

Dependencies

  • Settings.Core
  • Tools.Core

Settings

Name Type Default Description
$iota-utils-clearfix-namespace String cf Class Namespace

Class Syntax

Simple Class

1
.[utility-namespace][clearfix-namespace]

Class list

  • .u-cf

Example

1
2
3
4
5
6
7
<div class="u-cf">

  <div class="u-float-left">text</div>
  
  <div class="u-float-right">text</div>

</div>