Replace *-child, with *-of-type

[josbeir]

Frameworks like Ember.js use a technique called metamorph ( http://emberjs.com/guides/understanding-ember/keeping-templates-up-to-date/ )
Basically script tags are added on places between items that need to be observed so the engine can find a reference later.

*-child properties include these tags and result in non-desired behavior (mostly omega not working properly, ..)
The *-of-type property behaves most like the -child property but takes the actual element into account hence ignoring the script tags in the case described above.

[josbeir]

More info about this over here foundation/foundation-sites#1455, emberjs/ember.js#1893

Instead of overriding i though it was better i made a PR :)

[kemenaran]

I use Neat with Ember.js, and I would be glad to have this :)

[kaishin]

This came out before. I think just patching Neat like this will result in a lot of undesired behavior.
The power of last-child is that it works regardless of the element type. Consider an aside and an article spanning 6 columns each. With last-of-type, both would be affected by omega, resulting in losing the gutter between them.

Ideally, I'd like to add more flexibility to omega() so that it can achieve that if passed some argument. But right now, merging this would mean breaking backward compatibility and losing a key feature of the framework.