export const meta = {
  addons: ['tachyons-nudge'],
  modules: ['tachyons-nudge'],
  subNav: 'addons',
  title: 'Nudge / Addons / Docs / TACHYONS',
  editUrl: 'https://github.com/tachyons-css/tachyons/edit/master/docs/addons/gradients.md'
}

# Nudge

![Addon](https://img.shields.io/badge/TACHYONS%20ADDON-✓-brightgreen.svg?longCache=true&style=for-the-badge)

Tachyons includes a nudge addon.

This addon is useful for perfecting the alignment of svg icons or giving an element a couple pixels of room for special occasions

```.html
<div class="pa4 f6 code">
  <div class="ba b--black-10">
    <div class="ba dib relative nudge-left-3 pa3 bg-black-30">left-3</div>
    <div class="ba dib relative nudge-top-5 nudge-left-5 pa3 bg-black-10">left-5 top-5</div>
  </div>
</div>
```
