How to set scss syntax in Sublime 3?

css sass sublimetext3 sublimetext syntax-highlighting
user31782 picture user31782 · Feb 10, 2017 · Viewed 37.2k times · Source

I'm using Sublime 3 editor. When I open a SCSS file it shows many red characters because it misjudged the syntax. When I press CTRL + Shift + P and type sass or scss I get no option. I had to set syntax to CSS.

Is there any way to set syntax to SCSS in Sublime 3?

Answer

codegeek picture codegeek · Jul 23, 2017

press CTRL + Shift + P in Submile Text below popup opens

enter image description here

Click on the Package Control: Install Package.which will open the below popup. Type SCSS in the search box. Look for exactly: SCSS (it may not be the first thing that comes up) and click on it.

enter image description here

again press CTRL + Shift + P and search for SCSS and click on the Set Syntax: SCSS. that it your scss files will be colored accordingly

enter image description here

Related questions

What's the difference between SCSS and Sass?

From what I've been reading, Sass is a language that makes CSS more powerful with variable and math support. What's the difference with SCSS? Is it supposed to be the same language? Similar? Different?

Read More
Sass Variable in CSS calc() function

I'm trying to use the calc() function in a Sass stylesheet, but I'm having some issues. Here's my code: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) If I use the literal 50px instead of my …

Read More
Import regular CSS file in SCSS file?

Is there anyway to import a regular CSS file with Sass's @import command? While I'm not using all of the SCSS syntax from sass, I do still enjoy it's combining/compressing features, and would like to be able to use …

Read More