Sass

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: http://sass-lang.com/tutorial.html
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?).

6 comments

Hello!

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

0

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:http://img692.imageshack.us/img692/3334/jrha.png, Also as you can see for phpStorm this is the right syntax: http://img853.imageshack.us/img853/648/df77.png, I really don't know why if you can help me change it(should i change it?).

0

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

0

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?

0

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

style.scss
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

See http://sass-lang.com/:
'
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

.scss
.
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
.sass
.'
0

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

0

Please sign in to leave a comment.