What's SASS?

Question

Has anyone heard of the new SASS technology? What is your real gain for web projects?

Answer 1

Sass is a scripting language that is interpreted into Cascading Style Sheets (CSS). That means at it's a CSS Preprocessors like a library you used to make you write less code (A preprocessor is a program that takes one type of data and converts it to another type of data), you can do exactly the same if you write in css or write in sass , beacuse at end sass just css script , but in sass you have the advantage of :1 Cleaner code with reusable pieces and variables 2 Saves you time 3 Easier to maintain code with snippets and libraries 4 Calculations and logic 5 More organized and easy to setup.
but you need to know css before you know sass :) no the other way around
for exemple : here is a code in css
~~~~~~~~~~~
#header {
margin: 0;
border: 1px solid red;
}
#header p {
font-size: 12px;
font-weight: bold;
color: red;
}
#header a {
text-decoration: none;
}
~~~~~
and here is in sass
~~~~~~~~~~~
$colorRed: red
#header
margin: 0
border: 1px solid $colorRed
p
color: $colorRed
font:
size: 12px
weight: bold
a
text-decoration: none
~~~~~~~~~~~
as you can see in sass you can declare variable $colorRed: but in css was just introduce in 2015 , this a one exemple of difference and benefit

Answer 2

you learn css . than you learn sass ( you cant learn sass if you dont know css)
https://www.sololearn.com/Course/CSS/

Answer 3

so I know in CSS not a lot so should I learn sass or CSS or both?

Answer 4

Thank you soulbog! Your explanation was be awesome!