SCSS @import in Jekyll 2.1

Question

I've this project structure ``` -Project -css -main.scss -_sass/ -base -layout -pages -vendor ``` Content of my main.scss file. ``` --- --- @import "sass/base/reset"; @import "sass/base/colours"; @import "sass/base/vars-typeplate"; @import "sass/base/typeplate"; ``` I've read in Jekyll documentation that in order to work with SCSS statements I've to include sass: sass_dir: _sass. I suppose I've to add this line over in the _config.yml. But I did it in my and it's still not working. Everytime I try to run jekyll serve. My console shows this message: ``` jekyll 2.1.0 | Error: File to import not found or unreadable ```

Accepted Answer

Jekyll doc says : If you are using Sass @import statements, you’ll need to ensure that your sass_dir is set to the base directory that contains your Sass files.

Then for you it's css/_sass.

In your _config.yml, you have :

```
sass:
    sass_dir: css/_sass
```

And in css/mains.cscc

```
---
---

@import "reset";
```

And that's it.

SCSS @import in Jekyll 2.1

Solution

Problem