There is a newer version of Luda.

Let's go!

Float

Use float utilities to control elements' float properties responsively.

#Introduction

Float utilities are classes for setting the value of the float property, they are responsive and named using the format: .f-{value}-{postfix}. The value can be one of left, right and none. To clear float, use the .clear class.

#Example

.f-left.f-right-l

.f-right.f-left-l

<div class="clear bc-dark">
  <p class="f-left f-right-l px-medium bc-primary c-light">.f-left.f-right-l</p>
  <p class="f-right f-left-l px-medium bc-primary c-light">.f-right.f-left-l</p>
</div>