@visual-framework/vf-body

Body component

About

The Body component can be used to create a centered layout to add your content. This should be added to the body element in the markup.

Usage

CSS

.vf-body {
  --vf-body-width: 80em;
  display: block;
  margin: 0 auto;
  max-width: 80em;
  max-width: var(--vf-body-width, 80em);
  padding: 0 1em;
}

Install

This component is distributed with npm. After installing npm, you can install the vf-body with this command.

$ yarn add --dev @visual-framework/vf-body

Sass/CSS

The source files included are written in Sass(scss). You can point your Sass include-path at your node_modules directory and import it like this.

@import "@visual-framework/vf-body/index.scss";

Make sure you import Sass requirements along with the modules. You can use a project boilerplate or the vf-sass-starter

Help

• Read the Visual Framework troubleshooting
• Open a ticket
• Chat on Slack