Skip to content

Jekyll include_sass tag which includes and converts SASS/SCSS file. Useful for Google AMP HTML!

License

Notifications You must be signed in to change notification settings

toshimaru/jekyll-include_sass

Repository files navigation

Gem Version CI

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.

for HTML

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

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

for AMP

<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.

About

Jekyll include_sass tag which includes and converts SASS/SCSS file. Useful for Google AMP HTML!

Resources

License

Stars

Watchers

Forks

Sponsor this project