Jump to main content


The Suru component can be used to display a visual separation between two sections of content.

By default, Suru should be used on the paper background. When used on dark background, add is-dark modifier class.


To import just this component 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-p-suru;

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