Gem Version Build Status

Jekyll::IncludeSass

Jekyll include_sass tag which includes and converts SASS/SCSS file. This is useful for Google AMP HTML.

Supported CSS in AMP

Like all web pages, AMP pages are styled with CSS, but you can’t reference external stylesheets.

All styles must live in the head of the document.

via. Supported CSS

Installation

  1. Add the following to your site's Gemfile:
  gem 'jekyll-include_sass'
  1. Add the following to your site's _config.yml:
  gems:
    - jekyll-include_sass

Usage

Put your style.scss in Jekyll's _includes directory.

HTML Version

Add the following inside <head> in your site's template(s):

<style type="text/css">
{% include_sass style.scss %}
</style>

AMP Version

<style amp-custom>
{% include_sass style.scss %}
</style>

SASS/SCSS Supported

You can include either SASS or SCSS with include_sass depending on extension.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/toshimaru/jekyll-include_sass.

License

The gem is available as open source under the terms of the MIT License.