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 trial

CSS Sass Basics (retired) Getting Started with Sass Installing and Using Sass

Sass 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
Kevin Korte
28,149 Points

From 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.

http://sass-lang.com/documentation/file.SASS_REFERENCE.html

that is some good info Thanks Mr. Cort a bit more precise than my answer. :)

Kevin Korte
Kevin Korte
28,149 Points

I 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!

SCSS is the newest bestest version of Sass, it is short for Sassy Css. Use that one. Sass is an older version.

thanks!

jason chan
jason chan
31,009 Points

sass 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
Tom Gooden
32 Points

SCSS does indeed use semicolons, SASS however does not.