All Projects → jekyll → Jekyll Sass Converter

jekyll / Jekyll Sass Converter

Licence: mit
A Sass converter for Jekyll.

Programming Languages

ruby
36898 projects - #4 most used programming language

Projects that are alternatives of or similar to Jekyll Sass Converter

Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (-7.52%)
Mutual labels:  sass
Webpack Starter
✨ A lightweight foundation for your next webpack based frontend project.
Stars: ✭ 1,745 (+1212.03%)
Mutual labels:  sass
Awesome Sass
Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline imports, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized, and get small stylesheets up and running quickly.
Stars: ✭ 1,714 (+1188.72%)
Mutual labels:  sass
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-5.26%)
Mutual labels:  sass
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-3.76%)
Mutual labels:  sass
Css Progress Wizard
[NOT MAINTAINED] A pure flexbox+sass progress indicator
Stars: ✭ 129 (-3.01%)
Mutual labels:  sass
Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: ✭ 122 (-8.27%)
Mutual labels:  sass
Mixins
sass mixins
Stars: ✭ 132 (-0.75%)
Mutual labels:  sass
Luxa
A minimalist CSS framework.
Stars: ✭ 129 (-3.01%)
Mutual labels:  sass
Sindresorhus.github.com
Personal website of Sindre Sorhus
Stars: ✭ 130 (-2.26%)
Mutual labels:  sass
Baseguide
Lightweight and robust CSS framework for prototyping and production code.
Stars: ✭ 127 (-4.51%)
Mutual labels:  sass
Pages Gem
A simple Ruby Gem to bootstrap dependencies for setting up and maintaining a local Jekyll environment in sync with GitHub Pages
Stars: ✭ 1,670 (+1155.64%)
Mutual labels:  jekyll-plugin
Echat
基于Vue的点对点聊天项目
Stars: ✭ 130 (-2.26%)
Mutual labels:  sass
Gin bbs
Gin BBS App
Stars: ✭ 123 (-7.52%)
Mutual labels:  sass
Instapack
All-in-one TypeScript and Sass compiler for web applications! 📦 🚀
Stars: ✭ 131 (-1.5%)
Mutual labels:  sass
Dress Code
The official style guide and framework for all Zalando Brand Solutions products
Stars: ✭ 123 (-7.52%)
Mutual labels:  sass
Minelab
GitLab inspired Sass theme for Redmine 2.5.x using Font Awesome, with support for Redmine CRM plugins.
Stars: ✭ 129 (-3.01%)
Mutual labels:  sass
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (+0%)
Mutual labels:  sass
React Shopping Cart
🛍️ Simple ecommerce cart application built with React Redux
Stars: ✭ 1,808 (+1259.4%)
Mutual labels:  sass
Jekyll Timeago
⌛️ Ruby library to compute distance of dates in words. Originally built for Jekyll.
Stars: ✭ 130 (-2.26%)
Mutual labels:  jekyll-plugin

Jekyll Sass Converter

Let Jekyll build your Sass and SCSS!

Build Status Windows Build status

Installation

Jekyll Sass Converter requires Jekyll 2.0.0 or greater and is bundled with Jekyll so you don't need to install it if you're already using Jekyll.

Add this line to your application's Gemfile:

gem 'jekyll-sass-converter'

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-sass-converter

Usage

Jekyll Sass Converter comes bundled with Jekyll 2.0.0 and greater. For more information about usage, visit the Jekyll Assets Documentation page.

Source Maps

Starting with v2.0, the Converter will by default generate a source map file along with the .css output file. The source map is useful when we use the web developers tools of Chrome or Firefox to debug our .sass or .scss stylesheets.

The source map is a file that maps from the output .css file to the original source .sass or .scss style sheets. Thus enabling the browser to reconstruct the original source and present the reconstructed original in the debugger.

Configuration Options

Configuration options are specified in the _config.yml file in the following way:

sass:
  <option_name1>: <option_value1>
  <option_name2>: <option_value2>

Available options are:

  • style

    Sets the style of the CSS-output. Can be nested, compact, compressed, or expanded. See the SASS_REFERENCE for details.

    Defaults to compact.

  • sass_dir

    A filesystem-path which should be searched for Sass partials.

    Defaults to _sass

  • load_paths

    An array of additional filesystem-paths which should be searched for Sass partials.

    Defaults to []

  • line_comments

    When set to true, the line number and filename of the source is included in the compiled CSS-file. Useful for debugging when the source map is not available, but might considerably increase the size of the generated CSS files.

    Defaults to false.

  • sourcemap

    Controls when source maps shall be generated.

    • never — causes no source maps to be generated at all.
    • always — source maps will always be generated.
    • development — source maps will only be generated if the site is in development environment. That is, when the environment variable JEKYLL_ENV is set to development.

    Defaults to always.

Contributing

  1. Fork it ( https://github.com/jekyll/jekyll-sass-converter/fork )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].