[Debt] Rules in `_styles_project.scss` should be shifted to their respective files

[Bharath314]

Current Behavior

assets/scss/_styles_project.scss has been bloated by the addition of lots of rules that should ideally be in other files. Take .td-sidebar for example: this rule really belongs in _sidebar-tree.scss. There are some rules in other files that belong to the wrong file.

Expected Behavior

Splitting _styles_project.scss would prevent having to deal with a bloated monolith down the line. Other out of place rules should be identified as well to improve the codebase.

---

Contributor Guide and Resources

• 📚 Instructions for contributing to documentation
  • Layer5 documentation site and source
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Layer5 Discussion Forum and Layer5 Community Slack

[aditi167-max]

Hi! I'd like to work on this issue. I'm a beginner contributor and would like to take this on . Please let me know if there's anything specific I should Keep in mind before getting started. Thanks!

[Bharath314]

Hey Aditi! Feel free to introduce yourself to the community on slack (invite link in issue description). You will need knowledge of sass and have the know-how to debug css to tackle this issue. You will also need to go through docsy's source code to better inform your refactoring decisions. If this sounds a bit too involved for you, you can look for issues tagged "good first issue". There are a lot of them across layer5 and meshery's repositories. Cheers!

[aditi167-max]

Thanks for the guidance! I'll first get familiar with SCSS, the Docsy codebase, and look for some good first issues. Looking forward to contributing to Layer5