emmet Addon #

This addon is a super-set for atoms addon, but uses Emmet specific abbreviations.

⚠️ Since this is a shorthand library, similar to atoms, do not use both these libraries at the same time, as few of the abbreviations might conflict.

Usage #

const className = rule({
    c: '#fafafa',
    bgc: '#424242',
    bd: '1px solid #424242',
});

Those are good for DX and they will decrease your overall bundle size after sufficient use. You can find the full up-to-date emmet list [here]or refer Emmet Cheatsheet (CSS Section) for all possible abbreviations.

Currently @media queries, @keyframes and related abbreviations are not supported. If a specific Emmet shorthand is required and is not present in this addon, please raise an issue requesting for the support.

Installation #

Simply install emmet addon. Read more about the Addon Installation.