postcss-copy-assets - PostCSS plugin to copy assets referenced by relative url()s into a build directory

  •        15

PostCSS plugin to copy assets referenced by relative url()s into a build directory.



Related Projects

postcss-assets - An asset manager for PostCSS

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-cssnext - :cyclone: PostCSS plugin to use tomorrow's CSS syntax, today.

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.

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

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

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.

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-import - PostCSS plugin to inline @import rules content

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.

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

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.

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

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

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

postcss - Transforming styles with JS plugins

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-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS

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.

postcss-bem-linter - A BEM linter for postcss

A PostCSS plugin to lint BEM-style CSS.BEM-style describes CSS that follows a more-or-less strict set of conventions determining what selectors can be used. Typically, these conventions require that classes begin with the name of the component (or "block") that contains them, and that all characters after the component name follow a specified pattern. Original BEM methodology refers to "blocks", "elements", and "modifiers"; SUIT refers to "components", "descendants", and "modifiers". You might have your own terms for similar concepts.

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

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.

sugarss - Indent-based CSS syntax for PostCSS

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

postcss-font-magician - Magically generate all the @font-face rules

Font Magician is a PostCSS plugin that magically generates all of your @font-face rules. Never write a @font-face rule again. Just use the font and font-family properties as if they were magic.

postcss-scss - SCSS parser for PostCSS.

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.

postcss-write-svg - Write SVGs directly in CSS

Write SVG lets you write SVGs directly in CSS. @svg at-rules generate SVG elements available to CSS. Within an @svg, descendant at-rules (like @rect) are interpreted as elements, while declarations (like width) are interpreted as attributes.

postcss-loader - PostCSS loader for webpack

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-colorblind - A PostCSS plugin for seeing your site as a colorblind person may.

The biggest reason is that as many developers don't have problems seeing color, they never stop to consider that their (or their colleagues') choices of colors make their website unusable and frustrating to those who can't see some shades of color. It's not even a small problem either; lots of people struggle with red and green. However, there are JavaScript bookmarklets that let you do this on the fly without having to run a build step. I built this with the thought in mind you could create an automated step to create a report of how you're doing with color.

webpack-encore - A simple but powerful API for processing & compiling assets built around Webpack

Webpack Encore is a simpler way to integrate Webpack into your application. It wraps Webpack, giving you a clean & powerful API for bundling JavaScript modules, pre-processing CSS & JS and compiling and minifying assets. Encore gives you professional asset system that's a delight to use. Encore is inspired by Webpacker and Mix, but stays in the spirit of Webpack: using its features, concepts and naming conventions for a familiar feel. It aims to solve the most common Webpack use cases.