Gem Version Build Status


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


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


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 %}

AMP Version

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

SASS/SCSS Supported

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


Bug reports and pull requests are welcome on GitHub at


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