Float

The Float Utility forces flow of content and can be applied on any block object.

<div class="s-thumb u-float-none">
  <img src="/assets/img/logo.png">
</div>
<div class="s-thumb u-float-right">
  <img src="/assets/img/logo.png">
</div>
<div class="s-thumb u-float-left">
  <img src="/assets/img/logo.png">
</div>

Responsive Floats

You can assign device specific floats with the mobile -m, tablet -t, and desktop -d modifiers.

<div class="s-thumb u-float-m-right">
  <img src="/assets/img/logo.png">
</div>

<div class="s-thumb u-float-t-right">
  <img src="/assets/img/logo.png">
</div>

<div class="s-thumb u-float-d-right">
  <img src="/assets/img/logo.png">
</div>