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

  •        11

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



Related Projects

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.

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

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

css-colorguard - Keep a watchful eye on your css colors.

Every CSS project starts out with good intentions, but inevitably, one too many people eye-dropper colors into nooks and crannies that you never knew existed. CSS Colorguard helps you maintain the color set that you want, and warns you when colors you've added are too similar to ones that already exist. Naturally, it's all configurable to your tastes. Colorguard uses the CIEDE2000 algorithm to determine the similarity of each of the colors in your CSS file. This algorithm is quite complex, but is used in the broadcasting community as the best approximation of human ability to discern differences in color. RGB on the other hand, is pretty bad at representing differences in color purely based on the numerical difference of the hex values.

node-css-mqpacker - A tool for packing same CSS media query rules into one with PostCSS

It is a recommended way to use this tool. This package also installs a command line interface.

postcss-cli - CLI for postcss

⚠️ If there are multiple input files, the --dir or --replace option must be passed.⚠️ If no input files are passed, it reads from stdin. If neither -o, --dir, or --replace is passed, it writes to stdout.

gulp-autoprefixer - Prefix CSS

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.

webpack-blocks - 📦 Configure webpack using functional feature blocks.

Functional building blocks for your webpack config: easier way to configure webpack and to share configuration between projects.Ready to use blocks to configure popular tools like Babel, PostCSS, Sass, TypeScript, etc., as well as best practices like extracting CSS — all with just one line of configuration.

frontend-boilerplate - webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate (unmaintained, I don't use it anymore)

I don't use this anymore, it's unsupported, use boilerplate of things that mostly shouldn't exist.

victor-hugo - Victor Hugo is a Hugo boilerplate for creating truly epic websites!

This is a boilerplate for using Hugo as a static site generator and Gulp + Webpack as your asset pipeline.Victor Hugo setup to use PostCSS and Babel for CSS and JavaScript compiling/transpiling.