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 CSS to Sass Installing Sass and Setting up the Project Up and Running with Sass

Kayla Reed
Kayla Reed
17,543 Points
Posted by Kayla Reed
Kayla Reed
17,543 Points

How do I rename the file to a scss file?

When I try to rename the file, it doesn't seem to change the file type like I need it to. I right click on the file, rename it to style.scss but the file type doesn't change, it just stays a css file with a different name. Or is that how it's supposed to be?

Mike Hickman
Mike Hickman
19,817 Points
Mike Hickman
Mike Hickman
19,817 Points

No worries! It's definitely hard to explain things online sometimes. Hopefully you were able to move on! Cheers

1 Answer

Mike Hickman
Mike Hickman
19,817 Points
Mike Hickman
Mike Hickman
19,817 Points

Hi Kayla,

I'm not exactly sure what you mean by the "file type doesn't change".

  • If you just mean that in your editor it still shows "css" in the lower right corner, that's perfectly fine. That's just for syntax highlighting. Your scss file can use plain css highlighting and you won't have any issues.
  • You said it stays a css file but with a different name. Without more info I'm not sure exactly what you mean.

The concept of SCSS at first might be slightly confusing because you can just use pure css within that file. It will still look like your previous css. The main benefit is that you can start nesting your selectors and code and using variables, which you can't do in plain css. I'm sure they'll touch on that soon.

As long as you right-click and the filename changes correctly to style.scss, and you still see all your css within your file, you shouldn't have any issues and should be able to continue on with your lessons. Sorry if I misunderstood you.

Have fun!

Mike

Kayla Reed
Kayla Reed
17,543 Points
Kayla Reed
Kayla Reed
17,543 Points

Thank you! I'm sorry if this was a weird question. I wasn't sure if I was doing it right, and I didn't want to continue doing it wrong if that was the case. I appreciate the clarification!