To hide an element from the user, use the class u-hide
.
To hide only at a specific viewport, add --small
, --medium
or --large
modifiers to the u-hide
class.
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-hide;
For more information see Customising Vanilla in your projects, which includes overrides and importing instructions.