1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
---
layout: default
---
# This is an example site for Sass integration in Jekyll
You have two kinds of Sass files:
1. Main files, which you wish to be output as CSS files
2. Partials, which are used by main files in `@import` statements
Main files are like pages – they go where you want them to be output, and they contain the YAML front matter (`---` lines) at the top. Partials are like hidden Jekyll data, so they go in an underscored directory, which defaults to `_sass`. You site might look like this:
.
| - _sass
| - _typography.scss
| - _layout.scss
| - _colors.scss
| - stylesheets
| - screen.scss
| - print.scss
And so on.
The output, in your `_site` directory, would look like this:
.
| - stylesheets
| - screen.css
| - print.css
Boom! Now you have just your SCSS/Sass converted over to CSS with all the proper inputs.
|
