---
name: popup
url: /popup
---
## Popup
***
### Basic HTML
You can create [Item] with this basic HTML
### Positioning
Popups use a library called Tether. Tether attaches an element to another element with absolute positioning; however, there is one caveat. If your popup is nested within a scrollable area (not `body`) but it's not the immediate parent of that element, it will lose its positioning.
***
### Sass Variables
You can customize with...
```scss
$popup-width: rem-calc(300);
$popup-background: #fff;
$popup-border: 0;
$popup-radius: 8px;
$popup-shadow: 0 0 10px rgba(#000, 0.25);
```