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 Compass Basics Getting Started with Compass CSS3 without the Vendor Prefixes

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

_page.scss confusion.

Hello guys!

So I finished the previous video where Guill was working on screen.scss and there was no _page.scss file. But in this video BAM , a new file appears, without any explanation why and how. Can anyone explain this to me?

4 Answers

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Atanas,

Ive just watched the video and I see what has happened. The _reset.scss you were working on in the previous stage is no longer there because on the next stage it has been imported to screen.scss

As for the appearance of _page.scss if you notice that Guill has a import page within screen.scss, the _page.scss is showing you the content of that import, just like you did with the reset in the previous video.

I can see how this can become confusing as it just appeared out of no where, but it will in no way stop you following along. I think it may be that Guill is just demonstrating that particular feature of Compass so you may see it disappear at the end of the video and you'll only be left with the import rule for it, just like the reset.

The _page.scss is included in the project files if you want to upload it to your workspace.

Phew, hope that helps a little

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Thank You again Wayne!

I just downloaded the file so I can push my thoughts in the right direction again.. This is really confusing. I have had simmilar confusions with other videos here in the treehouse librarary as well. This is some kind of a flaw and I really think it must be fixed.

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Atanas,

You can write Scss on a page that has .html or .css as the file name. Maybe he did that then in between videos he changed the file extension and that's why it just appeared out of nowhere.

Atanas Sqnkov
Atanas Sqnkov
14,981 Points

Hello Wayne,

what I meant was - in the previous video he was working on

_reset.scss
screen.scss

And in the next video he is working with

_page.scss
screen.scss

with no explanation where this _page.scss file came from and why is it populated with the code in it. I am still in doubt and can't proceed further.

Wayne Priestley
Wayne Priestley
19,579 Points

oh, I see what you mean now. I can't explain that, but it shouldn't stop you following along. Have you downloaded the files that are available for the lesson? Maybe _page.scss is in there.

If by chance you can't follow along anymore, give Treehouse support an email and they will get right back to you with a answer.

Thien Nguyen
Thien Nguyen
20,554 Points

I'm confuse how Guill get the _reset.scss or _page.scss. Does addiing @import "page" creates _page.scss?

OR

Does _page.scss was created ahead of time by Guill?

Zeljko Porobija
Zeljko Porobija
11,491 Points

Obviously, it was created ahead of time. I am confused why Guill did not offer an explanation for this mysterious appearance.