KPC
Kevin Powell - Community•2y ago
rezabet

General Question about CSS

So I'm sure CSS can get out of hand easily in big projects. My question is, what are y'all recommendations for having well-structured CSS? Multiple files/folders, CSS methodologies? If it's these, can you please maybe link me to a source where I can download a boilerplate template of the files/folders and which CSS methodology is best? If there's more than just these, please let me know too. All answers are appreciated, thanks! 🙂
4 Replies
Joao
Joao•2y ago
https://sass-guidelin.es/#the-7-1-pattern
Sass Guidelines
An opinionated styleguide for writing sane, maintainable and scalable Sass.
Joao
Joao•2y ago
The whole article is a nice read overall, I recommend it.
Kevin Powell
Kevin Powell•2y ago
Big fan of that, and you can use postCSS if you don't want to go with Sass, but still benefit from the general file organization that they talk about. As for methodologies, BEM is a popular one, and I'm a fan of CUBE CSS.
rezabet
rezabet•2y ago
Thanks guys!
Want results from more Discord servers?
Add your server
More Posts
can anyone explain to me on a deep level of what is display block and display inline?i want t know the full difference and how they work and hopefully its okay to ask thisdoes anyone know about an article on why justify-self does not work?does anyone know about an article on why justify-self does not work?Local Storage NoobI'm really new to local storage and really confused on how it works. I am trying to have it save useJS file does not loadHi everyone. I found that the Swiper.js on my website does not work anymore, but it worked several wUnexpected paddingI have this codepen with a strange behavior on chrome but not on firefox. https://codepen.io/Andy10nested scss doesn't work as expected```js .ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; diHow export a nested variable from a function?Hey guys I wonder how can I export this nested variable or If there isn't, is there another way to hhey! is there any way to write regular functions using useCallback hook in reactcurrently i'm using arrow function but want to use regular function ```const myFun = useCallback((evdoes anyone know why raising specificity in css could lead to problems?https://www.youtube.com/watch?v=Ek1JP3BzbhY based on this videoIssue With Grid -- Body Selector working, but the attached class will not.Trying to learn grid by doing projects. I'm making a photo gallery grid. For some reason, the grid o