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

  •        37

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.

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

Dependencies:

postcss : ^6.0.1
postcss-value-parser : ^3.2.3
read-cache : ^1.0.0
resolve : ^1.1.7

Tags
Implementation
License
Platform

   




Related Projects

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.

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-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-normalize - Use the parts of normalize.css you need from your browserlist

  •    CSS

PostCSS Normalize lets you use the parts of normalize.css you need, based on your project’s browserlist. Use @import-normalize to determine where normalize.css rules will be included. Duplicate @import-normalize rules will be removed. See all the Options for more information.

postcss-normalize - Use the parts of normalize.css you need from your browserslist

  •    CSS

PostCSS Normalize lets you use the parts of normalize.css you need from your browserslist. Use @import-normalize to determine where normalize.css rules should be included. Duplicate @import-normalize rules will be removed. See all the Options for more information.


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.

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

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.

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

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.

postcss-simple-vars - PostCSS plugin for Sass-like variables

  •    Javascript

PostCSS plugin for Sass-like variables.You can use variables inside values, selectors and at-rule’s parameters.

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.

autoprefixer - Parse CSS and add vendor prefixes to rules by Can I Use

  •    Javascript

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Taobao.Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.

postcss-pxtorem - Convert pixel units to rem (root em) units using PostCSS

  •    Javascript

A plugin for PostCSS that generates rem units from pixel units. Pixels are the easiest unit to use (opinion). The only issue with them is that they don't let browsers change the default font size of 16. This script converts every px value to a rem from the properties you choose to allow the browser to set the font size.

postcss-easing-gradients - PostCSS plugin to create smooth linear-gradients that approximate easing functions

  •    Javascript

The steps syntax is also being figured out and currently this is supported. See PostCSS Usage docs for examples for your environment.