Answer 1

Basically they are alternate syntaxes of css that transpile to css (that is what a preprocessor is).
They add extra functionality that is not in css, or that is still a new feature. Some of these things are nesting, variables (which are in css, but still new so support may be an issue), functions, mixins, loops, and built in functions.

Answer 2

They are CSS preprocessors -- syntactic sugar used to make CSS less verbose and used on the server side to generate a CSS file to serve to the client.
Closest match:
https://www.sololearn.com/discuss/106331/
Similar inquiries:
https://www.sololearn.com/discuss/460547/
https://www.sololearn.com/discuss/1434849/
https://www.sololearn.com/discuss/526432/
https://www.sololearn.com/discuss/577136/
https://www.sololearn.com/discuss/1469035/
Please help keep the quality of threads high in this section of the forum by reviewing the following:
https://www.sololearn.com/Blog/38/8-simple-rules-to-get-help-from-the-community/
Be sure not to miss the link to the Community Guidelines toward the bottom of the article.
Happy coding!
P.S. Please see the following post for a humorous interpretation (but still an earnest plea).
https://www.sololearn.com/post/10362/?ref=app

Answer 3

They are css preprocessors. CSS preprocessor is the thing that helps us write css fast. Like other programming languages it has its loops, conditional operators, functions and so on.

Answer 4

You can use Code Playground to write SCSS codes too, it can be compiled into CSS in run time.
Check out the examples here..
Please note that the codes take time to compile from scss to css, some of the codes produce output over thousands lines of css codes, it take longer time to load before it can run during start up.
https://code.sololearn.com/WxlTtvtHD8FJ/?ref=app
https://code.sololearn.com/WgLHX8Ze75xz/?ref=app
https://code.sololearn.com/WmuQpWS2n6K3/?ref=app
https://code.sololearn.com/WY3j5tJtTOzz/?ref=app
https://code.sololearn.com/WgoUzKbdNvbg/?ref=app
https://code.sololearn.com/Wln1ui3K7zW2/?ref=app
https://code.sololearn.com/WG60qQmi8ra0/?ref=app

Answer 5

Hi