I didn't realize how this can save time until a client asked me to change the styling of a website.
If I had used a preprocessor like SCSS, all I needed to do was to just go change the value of the variables and it will take effect throughout the website.
After learning SASS, life has become easier. You can to build a website with the mindset of applying changes on demand of client.

Kepukepu:
I didn't realize how this can save time until a client asked me to change the styling of a website.
If I had used a preprocessor like SCSS, all I needed to do was to just go change the value of the variables and it will take effect throughout the website.
After learning SASS, life has become easier. You can to build a website with the mindset of applying changes on demand of client.

CSS too has built-In variable feature

surzkidoo:



CSS too has built-In variable feature

Correct!

Front end devs too Dey worry..


Una go learn tire..

When u use SCSS, then u will realize u shud have used CSS or TW when another situation comes up..

Front end dev is full of crap..

surzkidoo:



CSS too has built-In variable feature

How? enlighten me

surzkidoo:



CSS too has built-In variable feature

But I should prefer SCSS because that approach helps in maintaining consistency and makes it far more manageable when a client requests changes. Instead of manually hunting down each occurrence of a specific style element, you can update the variables and watch those changes propagate across the entire project. It not only saves time but also enhances the flexibility and scalability of web dev projects.

Kubernetes:


Instead of manually hunting down each occurrence of a specific style element, you can update the variables and watch those changes propagate across the entire project. It not only saves time but also enhances the flexibility and scalability of web dev projects.

You can do the same and get same result with CSS variables.

surzkidoo:



CSS too has built-In variable feature

Its even more intuitive than sass variables in that you can change the value of the variable say in a media query

Kubernetes:


But I should prefer SCSS because that approach helps in maintaining consistency and makes it far more manageable when a client requests changes. Instead of manually hunting down each occurrence of a specific style element, you can update the variables and watch those changes propagate across the entire project. It not only saves time but also enhances the flexibility and scalability of web dev projects.

That is what he is saying vanilla css has the same features even better self one might argue especially if you are handling light and dark mode. You can use the same variable name but just change the value base on the theme. This is not possible in sass by the way sass variable are like js const. You cant change their value after declaring them

SUPREMOTM:


You can do the same and get same result with CSS variables.

CSS alone doesn't offer the same level of flexibility and ease as a like SCSS when it comes to managing changes throughout a website. It lacks features like nesting, functions etc , which are crucial for efficient and scalable styling.

If you use CSS alone, making widespread changes involves manually finding and modifying each instance of a style property across multiple files which can be time-consuming and error-prone, especially in larger projects.

Kubernetes:


CSS alone doesn't offer the same level of flexibility and ease as a like SCSS when it comes to managing changes throughout a website. It lacks features like nesting, functions etc , which are crucial for efficient and scalable styling.

If you use CSS alone, making widespread changes involves manually finding and modifying each instance of a style property across multiple files which can be time-consuming and error-prone, especially in larger projects.

True but op was talking about variables not nesting or functions. CSS now supports nesting though.

jikins:


True but op was talking about variables not nesting or functions. CSS now supports nesting though.

personally, I don't fancy declaring functions with sass. Nor necessarily

Not necessarily, especially now that tailwind is dominating. But it’s good to have.

Kepukepu:
personally, I don't fancy declaring functions with sass. Nor necessarily

Oh there are interesting cases where you will fancy sass functions. But most likely for basic css stuff you don't need to. I last used sass function when building a time picker. It made life so easy.

Kubernetes:


CSS alone doesn't offer the same level of flexibility and ease as a like SCSS when it comes to managing changes throughout a website. It lacks features like nesting, functions etc

CSS now allows nesting

Personally have never bothered. Tailwind CSS has got me. And I hear Vanilla CSS has launched a good number of the features CSS Preprocessors were noted for. Anyways it's easy to pick up when necessary sha.