PostCSS Plugins

We are happy you're here!

This repository contains plugins, plugin-packs, utilities, CLI tools, ... to help you do more with CSS.

PostCSS Preset Env

Read more about PostCSS Preset Env or jump right in :

Install postcss-preset-env from npm.
Add postcss-preset-env to your configuration:

const postcssPresetEnv = require('postcss-preset-env');

const yourConfig = {
	plugins: [
		/* other plugins */
		/* remove autoprefixer if you had it here, it's part of postcss-preset-env */
		postcssPresetEnv({
			/* pluginOptions */
			features: {},
		})
	]
}

Overview

packages
- css tokenizers and parsers
- common utilities
PostCSS plugins
PostCSS Preset Env
Stylelint plugins
cli's
sites
PostCSS recipes

Our current focus

Standard CSS transforms

We're trying to bring every reasonable CSS Spec into all the browsers.

First we keep track of new features through the CSSDB (see the repo). Then we do our best to create a PostCSS plugin that can convert that new syntax/function/rules so every browser can understand it.

While it's not always possible we're enabling over 50 features with these plugins!

Developer experience

We want it to be easier for you to be effective at writing CSS.
From time to time we will publish plugins that aren't related to a standard CSS spec but that we think will help developers.

Contributing

Thanks for being willing to contribute! Please read our contributing guide!

Acknowledgements

We could not do this work without the contributions of the community.
We appreciate all of you!

We want to thank:

everyone who submits bug reports and feature requests
everyone who contributes code
everyone who contributes financially:

We also want to thank these organizations and people for making their tools available to Open Source maintainers:

Most popular functions for postcss-color-hex-alpha

To help you get started, we’ve selected a few postcss-color-hex-alpha examples, based on popular ways it is used in public projects.

postcss-color-hex-alpha