## Tooltip

### Tooltip Top

Hover me (Top)
HTML

    <div class="tooltip tooltip--top" tooltip-data="Tooltip on top">
                Hover me (Top)
            </div>

### Tooltip Right

Hover me (Right)
HTML

    <div class="tooltip tooltip--right" tooltip-data="Tooltip on right">
                Hover me (Right)
            </div>

### Tooltip Bottom

Hover me (Bottom)
HTML

    <div class="tooltip tooltip--bottom" tooltip-data="Tooltip on bottom">
                Hover me (Bottom)
            </div>

### Tooltip Left

Hover me (Left)
HTML

    <div class="tooltip tooltip--left" tooltip-data="Tooltip on left">
                Hover me (Left)
            </div>

### Tooltip Static Top

Static Top Tooltip
HTML

    <div
                class="tooltip tooltip--top tooltip--static"
                tooltip-data="Always visible (Top)"
            >
                Static Top Tooltip
            </div>

### Tooltip Static Right

Static Right Tooltip
HTML

    <div
                class="tooltip tooltip--right tooltip--static"
                tooltip-data="Always visible (Right)"
            >
                Static Right Tooltip
            </div>

### Tooltip Static Bottom

Static Bottom Tooltip
HTML

    <div
                class="tooltip tooltip--bottom tooltip--static"
                tooltip-data="Always visible (Bottom)"
            >
                Static Bottom Tooltip
            </div>

### Tooltip Static Left

Static Left Tooltip
HTML

    <div
                class="tooltip tooltip--left tooltip--static"
                tooltip-data="Always visible (Left)"
            >
                Static Left Tooltip
            </div>

- Latest update: Stylescape v0.1 now live!
- New components released today.
- 💡 Tip: Use mixins for modular SCSS!