devoloper girls

SCSS 7-1 ARCHITECTURE – PATTERN Have you ever struggled trying to decide how t…

✅ SCSS 7-1 ARCHITECTURE – PATTERN
➡️ Have you ever struggled trying to decide how to structure your scss files?

This 7-1 pattern is just AWESOME!
You keep the architecture of 7 different folders and 1 root file only!

Usually folders are named like:
🔺 BASE
🔺 COMPONENTS
🔺 LAYOUT
🔺 PAGES
🔺 THEMES
🔺 UTILS/ABSTRACT
🔺 VENDORS
⚡main.scss

I used react js styled components for my personal website, but I’m going to stick to this pattern in the future!

❓ Do you know any similar patterns for scss?
❓ Did you know about this 7-1 pattern?

Hope you will find this useful! 🎉

 

Mazi

Mazi has nine years of web development experience with the past five years spent honing his skills with WordPress plugins and themes. He's an expert in WooCommerce and is the author of the Simple Sales Tax plugin, a popular sales tax compliance solution for WooCommerce. Brett understands the importance of excellent communication, prides himself on producing high-quality code, and is comfortable working solo or as part of a team.

Related Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button