Is there a difference between sass and scss?

Question

I've worked on a few ruby apps with .scss scripts for the CSS of the website. But I came across a new ruby app which uses .sass instead. Are there any advantages or things to look out for with this change?

score 3 · Accepted Answer · answered Jun 01 '13 at 16:54

3

They are functionally equivalent but have a different syntax. From the SASS homepage:

[...] there is no functional difference between them. Use the syntax you prefer.

answered Jun 01 '13 at 16:54

Patrick Oscity

53,604
17
144
168

score 1 · Answer 2 · answered Jun 01 '13 at 16:56

Sass is a cleaner way to make Scss:

..Older syntax is known as the indented syntax (or just “.sass”). Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS. Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. Files in the indented syntax use the extension .sass.

Scss

$blue: #3bbfce;
$margin: 16px;

.content-navigation {
  border-color: $blue;
  color:
    darken($blue, 9%);
}

.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;

}

Sass

$blue: #3bbfce
$margin: 16px

.content-navigation
  border-color: $blue
  color: darken($blue, 9%)

.border
  padding: $margin / 2
  margin: $margin / 2
  border-color: $blue

Check more info on sass page

score 0 · Answer 3 · answered Jun 01 '13 at 16:55

0

SASS and SCSS are the same thing, there are however two different syntaxes used.

answered Jun 01 '13 at 16:55

Lucero

59,176
9
122
152

Is there a difference between sass and scss?

3 Answers3