# Viewfinder

Layout scaffolding for Web apps.

This library is made to avoid custom repetitive layout code.

## Usage

See the [kitchen sink](./packages/kitchen-sink) for examples.

The available props per layout are included as a TypeScript declarations file.

## Configuration

There are CSS variables that can be declared in the parent of the `*.Layout` components
(preferably `:root`) for customizing the metrics of the layout:

### `--height-topbar`

Default value: `4rem`

Height of the top bar widget.

### `--size-menu`

Default value: `4rem`

Width or height of the menu, depending on the orientation it is rendered.

### `--color-topbar`

Default value: `white`

Background colors of the topbar widget from the library.

### `--color-sidebar`

Default value: `white`

Background colors of the main sidebar from the library.

### `--color-sidebar-menu`

Default value: `white`

Background colors of the main sidebar menu from the library.