Greetings people of the Dev Community! It has been a while since I last posted on this blog, and to be honest not much has changed.
I was working on a small project with my friend, that required a lot of styling to be done in CSS, and not all of it could be classless. Then I was met with a developers worst nightmare, a freakishly long CSS file that encased all sorts of
#ids. Even though I had made all the class names, they were scattered throughout the file and there was no sense of organisation. Additionally, the CSS variables I had created were not organised either.
So, after living through that nightmare, I came across Sass. I had known about Sass for a while, but had been putting off learning it. I thought it would be something that is too similar to CSS, but with a couple of short YouTube tutorials and some help from w3 Schools, I was an expert. Okay, maybe not expert, but I can make my way around Sass.
Sass uses most of the same syntax as CSS and is therefore easy to learn if you have some experience with CSS. Sass is an extension for CSS, and it reduces the repetition caused by CSS, which is why many choose to use it. Stylesheets can sometimes get very long, and CSS does not have much to offer in terms of shortening them or making them easier to read through. Sass adds features like variables, nested rules, mixins, imports, inheritance and built-in functions, which are all things that CSS does not have.
Now, I'm not going to give you a whole tutorial here, but you can very easily learn the basics of Sass in just a couple of minutes. I'll leave some links for some quick learning down below.
Thanks for reading.