+ 10
Whatâs different between SCSS and SASS
I almost finish my CSS tutorial and Iâm ready to practice my skill. I realize that there are so many websites using CSS preprocessor like SCSS or SASS. Is CSS out of date? Do I need to learn CSS preprocessor? Some top sites like Amazon.com using external stylesheet that I cannot read or understand. I doubted if I learned the correct CSS language.
11 Respostas
+ 21
5 minutes read that will sort this out for you
http://blog.blakesimpson.co.uk/read/37-less-sass-the-advantages-of-css-preprocessing-explained
+ 6
John there are a lot of macros for the preprocessors and once you get used to it it's really quite hard to go back
+ 5
The most commonly used syntax is known as âSCSSâ (for âSassy CSSâ), and is a superset of CSS3's syntax. This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss. The second, older syntax is known as the indented syntax (or just â.sassâ)
https://responsivedesign.is/articles/difference-between-sass-and-scss/
https://www.sitesbay.com/sass/sass-difference-between-scss-and-sass
+ 5
CSS is the styling language that uses to style webpages. SCSS is a special type of file for SASS, a program written in Ruby that assembles CSS style sheets for a browser. SASS adds lots of additional functionality to CSS like variables, nesting and more which can make writing CSS easier and faster. SCSS files are processed by the server running a web app to output a traditional CSS that your browser can understand.
+ 4
I didnt even know this one Thank you.
+ 3
Thank you Burey . It was helpful. Those CSS preprocessors are functional but not readerable.
+ 2
John any text editor will do, but you need the compiler to turn your files into css in the end.
+ 2
Sass is a CSS pre-processor with syntax advancements. Style sheets in the advanced syntax are processed by the program, and turned into regular CSS style sheets. However, they do not extend the CSS standard itself.
The main reason for this is the addition of features that CSS painfully lacks (like variables).
The difference between SCSS and Sass, this text on the Sass documentation page (http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax) should answer the question:
There are two syntaxes available for Sass. The first, known as SCSS (Sassy CSS) and used throughout this reference, is an extension of the syntax of CSS. This means that every valid CSS stylesheet is a valid SCSS file with the same meaning. This syntax is enhanced with the Sass features described below. Files using this syntax have the .scss extension.
The second and older syntax, known as the indented syntax (or sometimes just âSassâ), provides a more concise way of writing CSS. It uses indentation rather than brackets to indi
+ 1
Thank you all for your answer! One more question, do you use any special tool to write SCSS or SASS stylesheet? Like I usually use Sublime Text to write CSS
Burey deepak sharma
+ 1
It sounds logical to me, thank you Sagar Koli
0
Thank you Petar