--- name: off-canvas url: /off-canvas --- ## Off-canvas

A container that is hidden off-screen and is summoned when needed. It can be opened from the top, botton, right, or left of the screen.

Open Off-canvas ×

Example Off-Canvas. Who knows what could be hiding in here.

List title
*** ### Basic HTML You can create [Item] with this basic HTML
```html Open Off-canvas ×

My content!

```
Open Off-canvas ×

My content!

### Sass Variables You can customize with... ```scss $offcanvas-size-horizontal: 250px; $offcanvas-size-vertical: 250px; $offcanvas-background: #fff; $offcanvas-color: isitlight($offcanvas-background); $offcanvas-padding: 0; $offcanvas-shadow: 3px 0 10px rgba(black, 0.25); $offcanvas-animation-speed: 0.25s; $offcanvas-frame-selector: '.frame'; ```