Today i was started using sass, I even add File Watcher, The problem is that phpstorm won't accept sass format, What i mean is:
Take a look at the sass code examples here:
When i am trying to use any of the example at sass website above i get errors i would expect if it was the wrong format, How do i adjust phpstorm format to the format at sass website(Also should i do it?).

Comment actions Permalink


what code examples namely are causing problems? All samples I've tried are correcly accepted by parser... Can you provide some screenshots that show up your issues? Also, what PHPStorm version/build do you use? Make sure that SASS support plugin is enabled in Settings/Plugins

Comment actions Permalink

Thank you for your response Elena, So about phpStorm plugins i got Bundled SASS/LESS Support, I am using phpStorm 6.0.3 and here is the screenshot:, Also as you can see for phpStorm this is the right syntax:, I really don't know why if you can help me change it(should i change it?).

Comment actions Permalink

Oh, I see :)
You are using SCSS syntax in a file with .sass extension... But SASS and SCSS are not the same. Please, change file extension to .scss and see if the problem persists

Comment actions Permalink

I do understand what you are saying and it's working but i dont want scss, I want sass the code examples i show are from sass website, Why doe's phpStrom using SCSS syntax on SASS files?

Comment actions Permalink

Please look at the examples available on the site
more carefully - what is writte there:


Your First Sass Stylesheet

We’ll start out by creating a very simple SCSS file. Since  SCSS is an extension of CSS3, our first file will start out as plain  CSS. Open up a new file called

in your text editor, and add the following:

scss */
#navbar {
  width: 80%;
  height: 23px;

What you are looking at is SCSS, not SASS... SCSS is also SASS ( "Sassy CSS"). But its syntax differs from original SASS syntax. And most examples on official site use SCSS syntax

Sass has two syntaxes. 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

The second, 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
Comment actions Permalink

I am really sorry,I did not saw that i was reading about the 2 methods and now i get it, Thank you so much for you help and have a nice day ?:| (i can't belive i didn't saw it).


Please sign in to leave a comment.