emmet Addon

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

:warning: 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.