Floats


The float utilities allow you to float an element left or right.

All screens

You can use the following to float an element on left or right on all screen sizes.

View example of the all screen floats utility

Only large screens

You can limit floats to only large screen sizes using the following example.

View example of the large screen floats utility

Only medium screens

You can limit floats to only medium screen sizes using the following example.

View example of the medium screen floats utility

Only small screens

You can limit floats to only small screen sizes using the following example.

View example of the small screen floats utility

Import

To import just this utility into your project, copy the snippet below and include it in your main Sass file.

@import 'utilities_floats';

For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.