Get your stylesheets more organized with Sass partials

⌚ Timestamps
00:00 - Introduction
00:15 - Why I love partials
03:25 - How I like to organize my files
05:06 - The 7-1 Pattern

#css #sass #scss

--

Come hang out with other dev's in my Discord Community

---

Keep up to date with everything I'm up to

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[AbhinavKulshreshtha]

I never liked 7+1 approach because I always have hard time classifying between pages, pages, layout. I usually have a variable folder, utility folder, components ( like buttons, ) and main.scss .

I learned sass with you years ago, I can't wait to re-learn it again with you. Waiting for your new course on sass.

[brianmoeller]

Ok. I know the video will be amazing (like always), but I paused at 0:06 to mention that the shirt is pure FACT! Love it!

[tasmto]

THANK YOU SO MUCH! I've been 'lowkey' using something similar for years now thinking I was soooo original... But just having someone else to model the way I've been doing it to helps a TON! Thank you.

[zachjensz]

Awesome! Can't wait for the Sass course

[ayushdedhia]

Thanks Kevin 🙏 this is gonna make life easier to work with sass from now 👍❤️

[motomadman]

Yesterday, I was doing my ICT work for making a website. I was stuck on the design and so instinctively, after looking on w3 schools, which I would DEFINATLEY recommend, I went to YouTube. Now I look back wondering why I haven't found this channel earlier! Thanks for the help and I'm sure to stick around

[burmesepotato]

Wow! This is amazing! Could you please make a short vid on that colors.scss structure?

[abenjamin]

Kevin. First Thank you very much. I appreciate the video and the organization. I'm on a huge WordPress + SASS project, this is extremely helpful. :)

[deepak]

Sass is great thanks to partials!! and one great thing is we can make a sass variables and include them where ever we want!!

[Sellwawy]

Thanks a lot Kevin for sharing awesome details

[robertkaminski]

Thanks this day i have on plan reorganize styles on my project to make bundles mode reusable and i wake up take my phon and like always if i see short tips movie from you i don't postpone watching it. Thanks now I have good starting point for read more about others style file organization methodology

[creativereasons]

This is just the best timing, thank you so much

[luiscolome]

Really nice file organazation with SASS. I made a fork of a proyect for my WP Genesis Starter Theme, so I started working with the file organized the way they were. Maybe I will do some changes. For sure, I will start using @use and @forward. Thanks again for your amazing content!!

[dapolcio]

I would be very grateful if you made video about sass's good practices - i.e how to nest, when to nest, how deep to nest and other things. I've been looking everywhere for that information but and have found nothing yet

[GavHTFC]

Never mind the SASS, where do I get that shirt 😂

[JaredNichols]

Excellent suggestions. Thanks for sharing

[haythamkenway]

Awesome work Kevin, if you make video about learning sass. that will be more awesome

[MrBlaq]

Good vid. I use the Inverted Triangle to organize my partials.

[svoloSlovakia]

Hi, I want to ask, what is that feature that is shown at 4:04 where you have the ".h2 with --flow-space: 1.5; font-size: --fs-700". This notation "--xy--z" is usually used with the CSS variables but I don't see any var() used and also I didn't find any hint googling sass feature. Thnks

[radob]

Great video, i would like to ask you when you release video about the color maps ? Thank you