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.


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.