GithubHelp home page GithubHelp logo

dartsass-ruby's Introduction

Dart Sass for Ruby

Notice: This gem is deprecated and no longer maintained. Please use sassc-embedded-shim-ruby. Note sassc-embedded-shim-ruby is a misnomer, it actually provides Dart Sass functionality.


build gem

Use Dart Sass with Ruby.

This gem is a fork of sass/sassc-ruby. It is a compatibility shim which attempts to replicate SassC functionality on Dart Sass, providing an easy upgrade path. Under-the-hood, this gem delegates to the sass-embedded gem which provides native binaries for Dart Sass instead of SassC (libsass).

Important: When Dart Sass 2.0 is released, this gem will be sunset and relevant code will be migrated to dartsass-sprockets. Please see this issue for details.

For ease of upgrading, the root namespace ::SassC is still used by this gem, although it is now a misnomer.

Installation

Rails/Sprockets users are recommended to use dartsass-sprockets instead of this gem directly. In your Gemfile:

gem 'dartsass-sprockets'

Upgrading to Dart Sass

This gem is a drop-in replacement to sassc-ruby. Note the following differences:

  1. Option style: :nested and style: :compact behave as style: :expanded. Use style: :compressed for minification.
  2. Option :precision is ignored, as Dart Sass sets it to a sufficiently high value.
  3. Option :line_comments is ignored and will always be disabled.
  4. Sass2Scss functionality has been removed.

See the dart-sass documentation for other differences.

Usage

This library utilizes dart-sass to compile SCSS or SASS syntax to CSS. To compile, use a SassC::Engine, e.g.:

SassC::Engine.new(".klass1, .klass2 { color: :red; }", style: :compressed).render

Alternatives

  • dartsass-rails: The Rails organization maintains its own wrapper for Dart Sass. Unlike this gem, dartsass-rails does not support Sprockets.

Credits

Contributing

  1. Fork it (https://github.com/tablecheck/dartsass-ruby/fork)
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature') - try to include tests
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.