Object-snippets in Atom/text-expander or similar

[mhauken]

Would be awesome to write o-flag and get the whole syntax expanded like this:

<div class="o-flag">
    <div class="o-flag__img">
        <img src="" alt="">
    </div>
    <div class="o-flag__body">
    </div>
</div>

What's the best solution for this? @kmelve ?

[kmelve]

I think we could do this with Atom-snippets (I've tried to extend Emmet, but it doesn't work). We could also develop a plugin that adds these snippets.

[mhauken]

Would be awesome!