Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialrosinapissaco
13,401 PointsSass or SCSS ?
I would like to know: Whats the difference between Sass or SCSS ? One is the old one? We can use both?
3 Answers
Kevin Korte
28,149 PointsFrom the sass docs
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 CSS3. This means that every valid CSS3 stylesheet is a valid SCSS file with the same meaning. In addition, SCSS understands most CSS hacks and vendor-specific syntax, such as IE’s old filter syntax. 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 indicate nesting of selectors, and newlines rather than semicolons to separate properties. Some people find this to be easier to read and quicker to write than SCSS. The indented syntax has all the same features, although some of them have slightly different syntax; this is described in the indented syntax reference. Files using this syntax have the .sass extension.
Trace Harris
Python Web Development Techdegree Graduate 22,065 PointsSCSS is the newest bestest version of Sass, it is short for Sassy Css. Use that one. Sass is an older version.
rosinapissaco
13,401 Pointsthanks!
jason chan
31,009 Pointssass vs scss
scss doesn't end with semicolon
I prefer semicolons. I used to not like them, but I feel naked without htem. Lol ;
Tom Gooden
32 PointsSCSS does indeed use semicolons, SASS however does not.
Trace Harris
Python Web Development Techdegree Graduate 22,065 PointsTrace Harris
Python Web Development Techdegree Graduate 22,065 Pointsthat is some good info Thanks Mr. Cort a bit more precise than my answer. :)
Kevin Korte
28,149 PointsKevin Korte
28,149 PointsI don't disagree with your answer, I thought I'd just throw in the official doc language and link. I think it's helpful to link to reliable documentation so the people with questions start to learn how to find their own answers. I do that with most of my answers.
Not that asking for help, or responding to questions are bad, it's actually vital, but so is learning where the docs live. Cheers friend!
rosinapissaco
13,401 Pointsrosinapissaco
13,401 PointsThis could also help https://responsivedesign.is/articles/difference-between-sass-and-scss