5 Reasons You should STOP write CSS and use Sass

Why you should stop writing conventional CSS and use Sass instead. See 5 reasons and benefits of using Sass over CSS in this video!
=== Tutorials of CSS effect in this video: ===

Follow us on

[Noum]

The main problem with SASS is also its main purpose: it turns CSS into a programing language. And you already know the main problem with programming languages, it is very difficult to maintain if you weren't the one who wrote it because everyone has their own (opinionated) logic. That's why CSS never bothered too switch because the old cascading stylesheet method is the norm for every CSS which gives every file the same level of maintenance difficulty

[MrGargmay]

I just watched a 20mins video but you covered more that it in 2 mins. Kudos

[mrcoder]

Not learning the vanilla code of css or just using sass might not be the greatest idea

[leondeiak]

In real project in it is hard to maintain every time. Plus, if you need to change some values in a giant css file, you can always use massive search and replace and then minify your css. CSS is not a programming language.

[armelstsrt]

Why did you not include nesting in the reasons?
What convinced me to switch to SCSS only is this functionnality, along with mixins but especially nesting.

CSS:

.box {...}
.box .inside {...}
.box .inside .evenDeeper {...}

SCSS:

.box {
...
.inside {
...
.evenDeeper {
...
}
}
}

See how convenient that is, especially for complicated layouts?
Plus you can also nest properties such as ::before, ::after, and even classes/IDs:

div {
...
&::before {
...
}
&.class {
...
}
}

[Zreddx]

Css can do a lot of these too. And multiple http requests should'nt affect loading speed too much since it's still the same amount of data being requested just in multiple requests as supposed to only one request with the same amount of data in one package.

[johnbalvin]

we can have variables in css too,
:root{
--colorVariable:#AB47BC;
}
.myClass{
color: var(--colorVariable);
}

[pashuaf]

In CSS you can use variables:
:root{
--mybgcolor: rgb(250, 250, 250);
--mywidth:50vw;
}

#elem{
background-color: var(--mybgcolor);
width: var(--mywidth);
}
And you can change/set it with javascript:
var root = document.documentElement;
var elem =
root.style.setProperty("--mybgcolor", "green");
elem.style.setProperty("--mywidth", 200 + "px");

[mathiasfantoni]

You keep saying sAss, yet all the files you show are sCss files?

[Lbmaniak]

you convinced me, today I definitely move to the sass only

[UranboldNergui]

I think SASS is good if your project is Big. If it's not big enough then you should not use it. I would recommend it using the Traditional CSS but sometimes if your project is big and it has complex elements and components then you need to consider about it.

[zachbaird]

Like everything, SASS has projects it's good to use for, and projects it isn't.

[abcdetsui]

sass is much easier than pure css，but you are still writing css，it is only a framework

[lsping]

what about css in js like styled-components ?

[aqumy]

you are literally talking about sass but showing scss in the video. thats not the same bro

[mohammedi.]

Thanks for the video.. I like all of your videos and many thanks your efforts and time mate..

And just a note we can always use "Find & Replace" all at once, not only in css I mean, in almost any IDE or text editor..

Thanks again

[PravinKumar-dgwn]

Bro I know CSS and not know SASS ! Where I can learn ? Can you Help me ?

[KrzysiekTannenberg]

0:42 yah, you will replace one by one, I will ctrl+f, -> #afa -> replace all occurrences. But don't doubt that saas has advantages :)

[gaganizharadze]

in short tersm: how to make your project longer and harder as hell right? THE CSS was here first and it will stay longer than these shitty processors like sass.

[dancingdev]

But the css guys dont want to learn even less. What to do?