JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 3
  • Score
    100M100P100Q42998F
  • License MIT

The area which houses the main content

Package Exports

  • @vcl/app-content-area

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@vcl/app-content-area) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

VCL app-content-area

The area which houses the main content.

Features

The content area is usually the area between header and footer or in the ARIA taxonomy, the area having the main role. This module introduces a corresponding class which can be used to set the background color of this area.

Secondly there are helper classes to set the primary or secondary content background color on any component. A secondary background color can be used to make a component or content appear less important.

Usage

A simple content area:

basic example

Classes

  • content-area
  • content-area-bg-color: Set the background color to the same color as the content area.

Modifiers

For content-area

  • transparent: Make the background color transparent.

For content-area-bg-color

  • secondary: Set the background color to the secondary content background color.

Variables

  • --content-area-primary-bg-color
  • --content-area-secondary-bg-color

Demo

example.html on GH-pages.