SCSS Tutorial with Wordpress and WPCodeBox (Part 4: Partials)

The last episode of the series. You have made it! You are well on your way to being a DRY (Don't Repeat Yourself) CSS writer. We hop into partials to segment all of our CSS and make things faster for us in the future to find the exact CSS we need when we need it.

I appreciate everyone who has watched the entire series and I genuinely hope this series has helped you in your website building journey.

Tools Used:

WPCodeBox (affiliate)

__________________________________________________

Socials:

Buy Me a Coffee:

Chapters:
00:00 - Intro
00:34 - Component Partials
04:54 - Error Explanation
06:14 - My Folder Organization
09:12 - Outro

[nguyen-minh-nhut]

WPCodeBox 2 v1.1.0 Released
Wed, 10th April 2024
Improvement: Support for nested SCSS partials
----
Thanks for your tutorial

[mafiasalesman]

I just finished watching this series and i subbed immediately.

[kareem]

This is genuinely a value series ^__^ Thank you Nicholas!

[fvgoya]

You doing good content for sure. Keep up!

[eucalyptech]

Great series, thank you Nicholas ! You made the use of SCSS much clearer !

[AmandaLucaseu]

Really great series, thank you for this 👍🏻

[ReubenHochstetler]

I used your partials for my updated blueprint website. Great stuff!

[mubindidit]

Loved it. Please, Can you make a video, about creating variables for responsive design. Without ACSS 😀

[Sheaology]

How do you do the variables? I would appreciate a quick overview on setting up the actual variables!

[stephen--phi]

I see you're using ACSS. I've got Bricks minus the ACSS. I've got a main stylesheet in WPCB2 where all of my CSS variables are (a la --space-s: clamp(1.2rem, 0.306vw + 1.139rem, 1.44rem);) place at my :root. Your videos inspired me to check into SCSS. How do you define your dynamic variables in SCSS? Is this a thing? Is the syntax different? Appreciate you making these videos man.

[mikt]

Great series - thanks for the videos. I do have one question, if you use SCSS, ACSS and Bricks - how would you decide where to put the code - i currently put it in the template file or the page. If i am right - it will not be shown when i do edits in WPcodebox unless i relaod the bricks editor. Or would i style everything and when it is finished i would move it to SCSS? Is there a downside of CSS Editing on page level? Thanks!

[deehrk]

Nice videos, But Did i miss anything here? the video end without saving the partial scss ? there is * still present there, and * means not saved ? 😆

[OscarObians]

If for example, I reference the _buttons partial in order to use button--light on a page, wont that load a bunch of additional unused css like button--dark on the page?

[jarlhelin-faconneurdidenti]

Great stuff. I have got one question though : Do you know the "index.scss" with @forward is working ? For me that's a game-changer... Oh, I read the partials page on WPCodebox, seems thats it's not developed yet, am I right ?

[Grochobibok]

Thx a lot. Do you know if it is possible to purge unused css in WPCodeBox?

[Defcon]

Mmmmh, did I miss the namespacing part? It's important for using partials with @use isn't it? :)

[chr_aikicom]

Hi and Thxs, really great tuto. a question what version of wpcodebox do you use as I don't have in mine the choice "SCSS partial" as snippet type (only SCSS). I use wpcb version 1.4.1 (should be last one) ??

[WildTraderAppeared]

A Question why using this plugin instead of just writing a code directly

[sorpandello]

How about CPTs, archives, etc? Do you create separate folders for those aswell?

[kevinrittershaus]

Do you minify your sass? I noticed it's toggled off.