Parcel

Probably the easiest way to start experimenting with the library, is with Parcel.

If you're only interested in how to set things up with webpack, then feel free to skip ahead.

Installation

yarn add postcss-nested \
         postcss-media-minmax \
         @zeecoder/postcss-container-query --dev
# or
npm install postcss-nested \
            postcss-media-minmax \
            @zeecoder/postcss-container-query --save-dev

Setting up PostCSS

Add the following to a file named .postcssrc in your root directory.

{
  "plugins": {
    "postcss-nested": { "bubble": ["container"] },
    "postcss-media-minmax": {},
    "@zeecoder/postcss-container-query": {}
  }
}

And you're done! 🎉

---

◀️️ Getting Started

▶️ webpack

▶️ Gulp

▶️ React