Skip to content
Autocomplete React Native / JS Styles and converting plain CSS to JS styles
Branch: master
Clone or download
Latest commit 57e60ec Jun 22, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
packages Bump VSCode version Jun 22, 2018
.gitignore add yarn.lock Sep 4, 2017
LICENSE.md Lerna init Sep 2, 2017
README.md Minor cleanup (#13) Oct 1, 2017
lerna.json Move to packages/css-in-js Sep 2, 2017
package.json Prettier Sep 4, 2017

README.md

Autocomplete for React Native and css-in-js for Atom and VS Code

Star on GitHubTweet PRs Welcome Version MIT License

Now get Autocomplete for CSSinJS libraries using object styles. Sponsor

Installation

apm install css-in-js

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

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

CSS in JS for VS Code

Provides CSS in JS autocompletion and converts kebab-case CSS to camelCase CSS and vice versa

  • Provides autocompletion options for CSS styles as a style object for use in CSS in JS (like glamorous!)
  • Converts CSS between regular CSS syntax (strings) and CSS-in-JS syntax (style objects)

Autocomplete

autocomplete

Convert CSS in JS

demo

How to Use CSS Conversion

Select some block of text in a javascript or typescript file and use cmd+shift+p to bring up the command palette, then select Convert CSS-in-JS.

Or use the keyboard shortcut cmd+shift+j (ctrl+shift+j on Windows).


Coming Soon

Codemods for easy shifting between css-in-js libraries

You can’t perform that action at this time.