Jump to main content

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.

Only large screens

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

Only medium screens

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

Only small screens

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

Import

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

// import Vanilla and include base mixins
// this only needs to happen once in a given project
@import 'vanilla-framework';
@include vf-base;

@include vf-u-floats;

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