What is SCSS?

Question

I was looking at some code at https://foundation.zurb.com/building-blocks/blocks/bar-graph.html and it said that there was SCSS. How is that different than CSS and will SCSS work in sololearn? Thanks

Answer 1

SCSS is a language that pretty much combines CSS with that of Sass (Syntactically awesome style sheets). Sass is more just a scripting language that is capable of being used as a style sheet, and was developed in Ruby.

Check out the wiki for Sass, it's pretty cool - https://en.m.wikipedia.org/wiki/Sass_(stylesheet_language)

As of with Sololearn, I don't think SCSS would be able to run strictly because the code playground can only certain libraries/modules, making Sass obsolete.

Answer 2

Well, SCSS compile to CSS and you have a lot of advantages:
- everything you write in CSS inside SCSS file is correct
- you can use constants (for colours, fonts, etc.)
For example you can declare it once:
$my_color: #efefef
and use it many times.
- you can write the selector tree:
div {
font-size: 16px;
color: $my_color;
a {
color: red;
}
}
and more!

Answer 3

Thanks @Faisal

Answer 4

The answer is no!You can't use scss in sololearn!And Thanks to Jakub for your awesome answer!