mdo/preboot — pull request #47 by chandlervdw (2014-02-19 15:11:15+00:00)
Title: Expanded Target Area

This is my first pull-request to a public repo, so I'm sorry if I've done this improperly. This mixin allows you to use the :after pseudo-element to make the target hit area of an element bigger, for both hover states and touch tappable areas. See [http://thirdroute.com/blog/css-expanded-hit-areas](http://thirdroute.com/blog/css-expanded-hit-areas).

I'm not sure if this is the best way to go about creating the different scenarios, but I tried to mimic how you might use CSS shorthand for something like margin: {} (top, right, bottom, left).

Note: this mixin automatically converts your `px`, `%` or `em` to negative values.

Uses:
```
.expanded-target(10px);
.expanded-target(10px, 5px);
.expanded-target(10px, 5px, 7px);
.expanded-target(10px, 5px, 7px, 8px);
```