Latest commit 8e5c819 Feb 4, 2018
Permalink
..
Failed to load latest commit information.
_layouts Move example to docs Feb 3, 2018
_sass Move example to docs Feb 3, 2018
assets/css Move example to docs Feb 3, 2018
README.md Move example to docs Feb 3, 2018
_config.yml Move example to docs Feb 3, 2018
index.md Move example to docs Feb 3, 2018

README.md

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.