PostCSS Crash Course

In this video, we will talk about what PostCSS is, set it up and show you how to use some of the popular plugins such as postcss-preset-env, precss, postcss-import, autoprefixer and more.

💻 Code:

https://github.com/bradtraversy/postcss-crash

⭐ All Courses:

https://traversymedia.com

💖 Show Support

Patreon: https://www.patreon.com/traversymedia

PayPal: https://paypal.me/traversymedia

👇 Follow Traversy Media On Social Media:

Twitter: https://twitter.com/traversymedia

Instagram: https://www.instagram.com/traversymedia

Linkedin: https://www.linkedin.com/in/bradtraversy

Timestamps:

0:00 - Intro

0:47 - Slides

6:48 - Docs

8:14 - Setup & Install

9:42 - Build & Watch Scripts

12:40 - Autoprefixer & Plugin Config

16:17 - postcss-preset-env

18:05 - Custom selectors, media, nesting

21:29 - PreCSS

24:13 - PostCSS Import & File Structure

28:42 - PostCSS Assets

31:52 - CSSNano