Vertically center

The .u-vertically-center class will vertically center the direct child of the element it is placed on.

Note: only affects medium and large screens.

View example of the vertically center utility


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

@import 'utilities_vertically-center';

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