Off screen

The .u-off-screen class will position an element out of the page flow and off-screen, while still making it available to screen readers.

View example of the off-screen utility

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/scss/vanilla';
@include vf-base;

@include vf-u-off-screen;

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