@dabapps/roe/src/less/float.examples.md

A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.

Used to change the css `float` property of an element on different screen sizes.

Note: float-left is an alias for `xs-float-left`, and `float-right` an alias for `xs-float-right`.

`float-none` & all size variations are also available.

#### Example

```js
import { Row, Column } from '@dabapps/roe';

<Row className="display-columns">
  <Column xs={6} className="xs-float-right sm-float-left md-float-right">
    float-right sm-float-left md-float-right
  </Column>
  <Column xs={6} className="xs-float-left sm-float-right md-float-left">
    float-left sm-float-right md-float-left
  </Column>
</Row>;
```