m.nudge

Designed to move small elements on hover to show they’re clickable. One use case would be nudging arrows on CTA links. The default size is .5em, which is relative to the size of the parent element being targeted.

Block

.nudge

Elements

    • .nudge__item

    • Required

    Inline block element with transition set.

Modifiers

    • .nudge--left

    • Disabled

    Moves the item element to the left.

    • .nudge--right

    • Enabled

    Moves the item element to the right.

    • .nudge--up

    • Disabled

    Moves the item element up.

    • .nudge--down

    • Disabled

    Moves the item element down.

    • .nudge--small

    • Enabled

    Nudge items half the distance of the standard size.

    • .nudge--large

    • Enabled

    Nudge items double the distance of the standard size.