Sven Sven - 1 year ago 68
CSS Question

SASS: normalize.css works, but does not show up in compiled CSS file?

I am just taking my first steps into the SASS-world. I set up everything, created a new project and downloaded the SASS port of

normalize.css
.

Inside the folder that holds all my SASS files, I have a folder called "normalize". That holds a file called
normalize.scss
, that holds a mixin that again imports some other mixins that contain the actual CSS-code.

On top of my
screen.scss
I simply have
@import "normalize/normalize";
.

screen.scss
is compiled into
screen.css
, which is used by my
index.html
. Taking a look at that page in the browser, the normalize has taken effect. But when I look at
screen.css
, I don't see the normalize code.

To make sure I am importing/loading the correct files, I pasted this on top of
normalize.scss
:
/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
.

As this comment does show up in
screen.css
, I know that I am using the right files, but still: Is it normal that the actual normalize CSS-code does not show up in
screen.css
but still takes effect in the browser? How is this supposed to work?

Answer Source

Ok, this was really stupid from me. I've written @import "normalize/normalize";, but after that I of course need to include it like @include normalize where 'normalize' is the mixin's name. oh well!