#3 - Using PostCSS with Sass in Gulp - PostCSS Tutorials

Показать описание

Here we show you how to add PostCSS to your Gulp workflow when using Sass.

The best shared web hosting

Subscribe to Level Up Pro for extra features!

Subscribe to the Level Up Newsletter

For questions post in the comments or visit:

To Support Level Up Tuts:

Simple cloud hosting, built for developers.:

Рекомендации по теме

Комментарии

Hey Scott, thank you so much for this. I really love watching your videos; they are always consistently informative and high quality. I wanted to ask you, would it be possible to change your OS highlighting setting to a lighter color for these videos? For programming I think black is a great highlight color and it makes sense why you'd do that, but having it for these videos makes it so we can't read what your highlighting. Anyway that's just a small thing. I'm so grateful for all your wonderful work.

ebey

i just learning english, and your fast speak is so scaring :D

yevhensokolov

I have just been learning about postcss by using it with plugins such as : postcss-nested, postcss-import, postcsss-mixins, postcss-simple-vars... with all these installed it effectively becomes a sort of Sass or am I wrong here?

Now, I am just a beginner what should I be using lol.. I lean to just using gulp-sass before the postcss plugins because it's just one package to include and it's sort of a standard while I'm not sure something like postcss-simple-vars supports the whole range of Sass variables.

Any thoughts?

Great videos btw thank you very much

yabba

Hi Scott,

using SASS but plugins from POSTCSS, would this make my project load faster?
and what are the difference between SASS plugins and POSTCSS plugins other than the fact that POSTCSS plugins are more lightweight and faster?

Thanks

raj

So would this be the way to use PostCSS and Bourbon together, Scott? I use Bourbon quite a lot and because it's Sass based I'd lose the functionality if I go away from Sass, right? Any suggestions?

Kind regards,
Leo

P.S. It just came to my mind that it must be possible to use Bourbon with PostCSS as long as Bourbon is installed with Bower. I'll give it a try. Possibly the PostCSS plugin "variables" helps.

LeoMerkel

Any tips on using PossCSS witj NPM and how to fill inscript inside package.json?

arthurprather

what plugin is that folder structure in sublime trxt?

artnos

#3 - Using PostCSS with Sass in Gulp - PostCSS Tutorials

#3 - Using PostCSS with Sass in Gulp - PostCSS Tutorials

PostCSS in 100 Seconds

Learn PostCSS In 15 Minutes

#3.5 - Using PostCSS with Stylus in Gulp - PostCSS Tutorials

Learn how to power-up your CSS with PostCSS

PostCSS - #3 – postcss-nested && postcss-short

How to use CSS modules with Vite | postcss modules

PostCSS Crash Course

#6 - Sass-like Syntax Without Sass - PostCSS Tutorials

Setting up tailwind and postcss | postcss

Tailwind CSS is the worst…

This Prettier Plugin Makes Tailwind So Much Better

7 ways to deal with CSS

Using PostCSS to Power your CSS - Tutorial

Vite in 100 Seconds

Install Tailwind CSS with Vite (HTML, JavaScript & Vite - Using PostCSS)

Ridiculous & fun (and maybe kinda of useful?) PostCSS plugins

Sass in 100 Seconds

#2 - Using PostCSS with Gulp - PostCSS Tutorials

Designing with Tailwind CSS: Setting up Tailwind and PostCSS

Building Tailwind with PostCSS

How to Scan and Remove Unused CSS Properties | PurgeCSS Tutorial

webpack 3 setup( React-Redux+Bootstrap+SCSS+POSTCSS+jQuery+Fonts+Images+ HTML+DevServer+ sourcemaps)

Do you still need a CSS preprocessor?