https://github.com/toshimaru/jekyll-include_sass
Jekyll include_sass tag which includes and converts SASS/SCSS file. Useful for Google AMP HTML!
https://github.com/toshimaru/jekyll-include_sass
Last synced: about 1 year ago
JSON representation
Jekyll include_sass tag which includes and converts SASS/SCSS file. Useful for Google AMP HTML!
- Host: GitHub
- URL: https://github.com/toshimaru/jekyll-include_sass
- Owner: toshimaru
- License: mit
- Created: 2016-05-30T03:59:34.000Z (about 10 years ago)
- Default Branch: main
- Last Pushed: 2024-07-07T23:20:22.000Z (almost 2 years ago)
- Last Synced: 2024-10-12T22:48:25.076Z (over 1 year ago)
- Language: Ruby
- Homepage:
- Size: 43 KB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[](https://badge.fury.io/rb/jekyll-include_sass)
[](https://github.com/toshimaru/jekyll-include_sass/actions/workflows/ci.yml)
# 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](https://www.ampproject.org/docs/guides/responsive/style_pages.html)
## Installation
1. Add the following to your site's `Gemfile`:
```ruby
gem 'jekyll-include_sass'
```
2. Add the following to your site's `_config.yml`:
```yml
gems:
- jekyll-include_sass
```
## Usage
Put your `style.scss` in Jekyll's `_includes` directory.
### for HTML
Add the following inside `` in your site's template(s):
```html
{% include_sass style.scss %}
```
### for AMP
```html
{% include_sass style.scss %}
```
### 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](http://opensource.org/licenses/MIT).