vcl-container

A visually differentiated container element.

Usage no npm install needed!

<script type="module">
  import vclContainer from 'https://cdn.skypack.dev/vcl-container';
</script>

README

VCL container

A visually differentiated container element.

Features

It can be used to set apart a section or paragraph from its context. It can also be combined with tabs as content area for the selected tab.

Usage

basic example

Classes

  • vclContainer

Modifiers

  • vclTransparent
  • vclNoPadding: From the utils module.
  • vclNoBorder: From the utils module.

Variables

  • --container-bg-color
  • --container-border-color
  • --container-border-radius

Demo

example.html on GH-pages.