# [VCL](https://vcl.github.io/vcl/) ribbon

A ribbon to show meta data in a celebratory manner.

## Features

The corner-ribbon can be placed in the corners of a parent container or the
viewport.

## Usage

The container uses the class `overflow-hidden` to cut the ribbon.

[positions example](/demo/example-corner-positions.html)

A ribbon can also be a link and contain an icogram.

[link and icogram example](/demo/example-link.html)

## Classes

- `corner-ribbon`

## Modifiers

- `sticky`: stick to the viewport.
- `shadow`: show a shadow.
- `top-left`
- `top-right`
- `bottom-left`
- `bottom-right`

## Variables

- `$ribbon-bg-color`
- `$ribbon-color`
- `$ribbon-shadow-color`