Sass 7-1 architecture
Closed this issue · 3 comments
Where would one put .content p .content ul, etc.?
Hello!
That is a good question. I would say you could have a _content.scss file in the components directory maybe? It’s not quite defined, so I would recommend you pick what feels more natural without stressing it too much. :)
Hugo,
Thanks for your reply. I ended up omitting the parent .content class, and made each <p> and <ul> tag its own component. Honestly, I'm not a fan of this approach either. It would be okay if it was just <ul>, <ol>, <dl> etc., but the <p> tags is what really bothers me, since there's so many of them. It becomes a little tedious styling each one, and it just doesn't feel correct.
Your thoughts on this are greatly appreciated, and maybe even some alternate suggestions?
Hello!
If you can in fact make them individual components, that is a good idea as this preserves encapsulation. However I agree it can become cumbersome, depending on how the frontend is built.
Another approach would be to consider them generic styles and to put them in the base folder maybe? I’m not too sure either to be honest.