<p>The references to .scss files are just to help you find and debug any changes you would like to make - the browsers developer tools are trying to help you by pointing you at the relevant file.</p>

<p>If I 'view source' of your home page I can see that only main.css is loading :)</p>

CC BY-SA 3.0
2016-03-30T16:16:55.647Z
Thank you! That makes a lot more sense than looking for a way to make it load the SCSS rather than the CSS!!! Is it a relatively new feature that browser inspectors load the reference to the relevant file, rather than the CSS reference? When this site was completed back in October, everything just pointed at main.css.
Wychwood
CC BY-SA 3.0
2016-03-30T16:19:25.380Z
I'm not sure how new the feature is but it's been very useful! One of our team members showed it to me recently! As far as I know, browsers cannot make use of .scss files directly, which is why they need to be compiled into .css - glad you're OK man - welcome to the community too!
Matt P
CC BY-SA 3.0
2016-03-30T16:29:02.507Z
Thank you for the welcome, and for the help. I was getting very confused with it all, since everything I found said that browsers can't use scss files directly! It is a pretty nice feature, though. Makes updates a lot more simple!
Wychwood
CC BY-SA 3.0
2016-03-30T17:31:29.137Z
You have probably activated the generation of a sourcemap in the scss compilation stage.
megatrond
CC BY-SA 3.0
2016-03-30T21:06:09.487Z
Just remove ``/*# sourceMappingURL=main.css.map */`` in ``main.css`` for production. Depending on how you're compiling your sass, there should be an option there too not to generate the [source map](http://blog.teamtreehouse.com/introduction-source-maps).
RitterKnight
CC BY-SA 3.0
2016-03-30T16:08:04.573Z
2016-03-30T16:08:04.573Z
Matt P
<p>I am looking at a site at the moment which uses SASS to compile its CSS file. All styling references appear to be referencing the styling from the SCSS file, rather than the CSS file. Previously, all references pointed to main.css, but now points to the .scss file where the class is defined. Moving the .scss file on the server, or changing the filepath for the folder doesn't seem to stop it loading. My concern is that the site is now loading the multitude of .scss files rather than a single, minimized, .css file. Can anyone offer any insight on what is going on here?</p>

<p>The site is <a href="http://spiffingcovers.com/" rel="nofollow">http://spiffingcovers.com/</a></p>

<css>
Craft loading SCSS references rather than CSS
# Craft loading SCSS references rather than CSS

(Asked by: username_0 on 2016-03-30)

I am looking at a site at the moment which uses SASS to compile its CSS file. All styling references appear to be referencing the styling from the SCSS file, rather than the CSS file. Previously, all references pointed to main.css, but now points to the .scss file where the class is defined. Moving the .scss file on the server, or changing the filepath for the folder doesn't seem to stop it loading. My concern is that the site is now loading the multitude of .scss files rather than a single, minimized, .css file. Can anyone offer any insight on what is going on here?

The site is <http://spiffingcovers.com/>

**Tags:** css

---

## 1 answers

### Answer by username_1 on 2016-03-30. Score: 1 | Accepted answer

The references to .scss files are just to help you find and debug any changes you would like to make - the browsers developer tools are trying to help you by pointing you at the relevant file.

If I 'view source' of your home page I can see that only main.css is loading :)

> **Comments:**
> **username_0**: Thank you! That makes a lot more sense than looking for a way to make it load the SCSS rather than the CSS!!! Is it a relatively new feature that browser inspectors load the reference to the relevant file, rather than the CSS reference? When this site was completed back in October, everything just pointed at main.css.  
> **username_1**: I'm not sure how new the feature is but it's been very useful! One of our team members showed it to me recently! As far as I know, browsers cannot make use of .scss files directly, which is why they need to be compiled into .css - glad you're OK man - welcome to the community too!  
> **username_0**: Thank you for the welcome, and for the help. I was getting very confused with it all, since everything I found said that browsers can't use scss files directly! It is a pretty nice feature, though. Makes updates a lot more simple!  
> **username_2**: You have probably activated the generation of a sourcemap in the scss compilation stage.  
> **username_3**: Just remove ``/*# sourceMappingURL=main.css.map */`` in ``main.css`` for production. Depending on how you're compiling your sass, there should be an option there too not to generate the [source map](http://blog.teamtreehouse.com/introduction-source-maps).  

---

