Nudges

Allows you to apply subtle vertical movement to micro position elements. These values are defined in the $nudges variable, and by default range from 1px to 5px.

Source

Contributors

Base

I'm being nudged 5 pixels from the top

I'm being nudged 2 pixels from the bottom

<div class="c-box u-p-micro u-nudge-top-5">I'm being nudged 5 pixels from the top</div>
<div class="c-box u-p-micro u-nudge-bottom-2 u-theme-primary">I'm being nudged 2 pixels from the bottom</div>