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

dartsass-ruby's People

Contributors

ahorek avatar beagleknight avatar bolandrm avatar byroot avatar csuhta avatar deivid-rodriguez avatar dtynan avatar enkrates avatar enortham avatar eregon avatar fschwahn avatar glebm avatar gravitystorm avatar hmdne avatar johnnyshields avatar kaukas avatar kuriyama avatar larskanis avatar leafo avatar michaelglass avatar nickjs avatar nschonni avatar okuramasafumi avatar pocke avatar sandlerr avatar shwaka avatar skunkworker avatar teasealancs avatar tricknotes avatar xfalcox avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

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.