css-in-js

Autocomplete JS and React Native styles, and converting copied CSS to JS styles and vice versa

ansumanshah

10,862

13

1.4.0

MIT

GitHub

This package provides the following services:

Atom Autocomplete for React Native and css-in-js Star on GitHubTweet

PRs Welcome Version MIT License

Now get Autocomplete for CSSinJS libraries using object styles.

Installation

apm install css-in-js

Or go to Settings → Install and search for css-in-js

Sponsor

Usage

const btnA = css({ /* styles */ });
const btnB = glamorous.div({ /* styles */ });
const btnC = StyleSheet.create({ /* styles */ });

Only works for these keywords by default you can edit in settings for more.

glamorous | css | StyleSheet.create

ReactNative

Autocomplete

Does not work for general objects

let styles = {
  /* styles */
}

This is basically a fork of autocomplete-css

CTRL + ALT + J to convert the css lines to js

Convert

Coming Soon

Codemods for easy shifting between css-in-js libraries