Nest rules inside each other in CSS


Keywords
atrules, child, children, css, cssnext, csswg, nested, nestings, postcss, postcss-plugin, rules, selectors, specifications, specs, syntax, w3c
License
MIT-0
Install
npm install postcss-nesting@10.1.6

Documentation

PostCSS Plugins

build status Discord

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

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:

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