postcss-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS

  •        29

PostCSS for React Inline Styles, Radium, JSS and other CSS-in-JS.For example, to use Stylelint, RTLCSS or postcss-write-svg plugins in your workflow.

https://github.com/postcss/postcss-js

Dependencies:

camelcase-css : ^1.0.1
postcss : ^6.0.11

Tags
Implementation
License
Platform

   




Related Projects

postcss - Transforming styles with JS plugins

  •    Javascript

PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.

postcss-inline-svg - PostCSS plugin to reference an SVG file and control its attributes with CSS syntax

  •    Javascript

PostCSS plugin to reference an SVG file and control its attributes with CSS syntax. See PostCSS docs for examples for your environment.

grunt-postcss - Apply several post-processors to your CSS using PostCSS.

  •    Javascript

Apply several post-processors to your CSS using PostCSS. An array of PostCSS compatible post-processors. You can also use a function that returns an array of PostCSS post-processors.

gulp-postcss - Pipe CSS through PostCSS processors with a single parse

  •    Javascript

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.Install required postcss plugins separately. E.g. for autoprefixer, you need to install autoprefixer package.

react-toolbox - A set of React components implementing Google's Material Design specification with the power of CSS Modules

  •    Javascript

React Toolbox uses CSS Modules by default to import stylesheets written using PostCSS & postcss-preset-env features. In case you want to import the components already bundled with CSS, your module bundler should be able to require these PostCSS modules. Although we recommend webpack, you are free to use whatever module bundler you want as long as it can compile and require PostCSS files located in your node_modules. If you are experiencing require errors, make sure your configuration satisfies this requirement.


react-css-components - Define React presentational components with CSS

  •    Javascript

Define React presentational components with CSS (or even SASS or Less if you like). The implementation is based on CSS modules. In fact React CSS Components is just a thin API on top of CSS modules.

postcss-cssnext - :cyclone: PostCSS plugin to use tomorrow's CSS syntax, today.

  •    Javascript

PostCSS plugin to use tomorrow’s CSS syntax, today. PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.

postcss-loader - PostCSS loader for webpack

  •    Javascript

You can read more about common PostCSS Config here.You can use different postcss.config.js files in different directories. Config lookup starts from path.dirname(file) and walks the file tree upwards until a config file is found.

postcss-import - PostCSS plugin to inline @import rules content

  •    Javascript

PostCSS plugin to transform @import rules by inlining content.This plugin can consume local files, node modules or web_modules. To resolve path of an @import rule, it can look into root directory (by default process.cwd()), web_modules, node_modules or local modules. When importing a module, it will look for index.css or file referenced in package.json in the style or main fields. You can also provide manually multiples paths where to look at.

awesome-postcss - A curate list about PostCSS

  •    Shell

An selected list of PostCSS resources and other things related. PostCSS does is provide a css parser and a framework for creating plugins that can analyse, lint, handle assets, optimise, create fallbacks, and otherwise transform parsed css. PostCSS parses css into an abstract syntax tree AST, passes it through a series of plugins, and then concatenates back into a string.

postcss-assets - An asset manager for PostCSS

  •    Javascript

PostCSS Assets is an asset manager for CSS. It isolates stylesheets from environmental changes, gets image sizes and inlines files. Note: all of the listed options below are parameters for the assets object, not the top level postcss options object.

postcss-mixins - PostCSS plugin for mixins

  •    Javascript

PostCSS plugin for mixins.Note, that you must set this plugin before postcss-simple-vars and postcss-nested.

postcss-modules - PostCSS plugin to use CSS Modules everywhere

  •    Javascript

A PostCSS plugin to use CSS Modules everywhere. Not only at the client side. getJSON may also return a Promise.

postcss-preset-env - Convert modern CSS into something browsers understand

  •    CSS

PostCSS Preset Env lets you convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments. Without any configuration options, PostCSS Preset Env enables Stage 2 features and supports all browsers.

sugarss - Indent-based CSS syntax for PostCSS

  •    Javascript

Indent-based CSS syntax for PostCSS.As any PostCSS custom syntax, SugarSS has source map, stylelint and postcss-sorting support out-of-box.

postcss-icss-selectors - PostCSS plugin for css modules to local-scope classes and ids

  •    Javascript

See PostCSS docs for examples for your environment. Converts every new local name in #id or .class defintion to global alias. By default returns [name]__[local]---[hash:base64:5].

postcss-nested - PostCSS plugin to unwrap nested rules like how Sass does it.

  •    Javascript

PostCSS plugin to unwrap nested rules like how Sass does it.Use postcss-current-selector after this plugin if you want to use current selector in properties or variables values.

postcss-sorting - PostCSS plugin to keep rules and at-rules content in order.

  •    Javascript

PostCSS plugin to keep rules and at-rules content in order. Also available as Sublime Text, Atom, VS Code, and Emacs plugin.

postcss-scss - SCSS parser for PostCSS.

  •    Javascript

A SCSS parser for PostCSS.This module does not compile SCSS. It simply parses mixins as custom at-rules & variables as properties, so that PostCSS plugins can then transform SCSS source code alongside CSS.

gulp-autoprefixer - Prefix CSS

  •    Javascript

Issues with the output should be reported on the Autoprefixer issue tracker.Improve your JavaScript skills with this awesome ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.