sass-site/source/libsass.md

173 lines
5.7 KiB
Markdown
Raw Permalink Normal View History

---
layout: has_both_sidebars
title: LibSass
introduction: >
LibSass is an implementation of Sass in C/C++, designed to be easy to
integrate into many different languages. However, as time wore on it ended up
lagging behind [Dart Sass](/dart-sass) in features and CSS compatibility.
**LibSass is now deprecated**—new projects should use Dart Sass instead.
navigation: |
2023-05-24 22:49:22 +02:00
<h2>Wrappers</h2>
<nav class="sl-c-list-navigation-wrapper">
2023-05-19 22:23:20 +02:00
- [SassC](#sassc)
- [Crystal](#crystal)
- [Go](#go)
- [Java](#java)
- [JavaScript](#javascript)
- [Lua](#lua)
2023-05-19 22:23:20 +02:00
- [.NET](#net)
- [Node](#node)
- [Perl](#perl)
- [PHP](#php)
- [Python](#python)
- [Ruby](#ruby)
- [R](#r)
- [Rust](#rust)
- [Scala](#scala)
</nav>
complementary_content: |
2023-05-24 22:49:22 +02:00
<h2>Resources</h2>
- [Lightning fast Sass compiling with libsass, Node-sass and
Grunt-sass](https://benfrain.com/lightning-fast-sass-compiling-with-libsass-node-sass-and-grunt-sass/)
--- by Ben Frain, August 2013
---
## Wrappers
LibSass is just a library. To run the code locally (i.e. to compile your
stylesheets), you need an implementer, or "wrapper". There are a number of other
wrappers for LibSass. We encourage you to write your own wrapper --- the whole
point of LibSass is that we want to bring Sass to many other languages, not just
Ruby!
Below are the LibSass wrappers that we're currently aware of. Sometimes there
are multiple wrappers per language -- in those cases, we put the most
recently-updated wrapper first.
2023-05-19 22:23:20 +02:00
- <h3 id="sassc">Sass C</h3>
[SassC](https://github.com/sass/sassc) (get it?) is a wrapper written in C.
To run the compiler on your local machine, you need to build SassC. To build
SassC, you must have either a local copy of the LibSass source or it must be
installed into your system. For development, please use the source version.
You must then setup an environment variable pointing to the LibSass folder,
for example:
2023-05-26 14:23:18 +02:00
```shellsession
export SASS_LIBSASS_PATH=/Users/hampton/path/libsass
```
The executable will be in the bin folder. To run it, try something like:
2023-05-26 14:23:18 +02:00
```shellsession
./bin/sassc [input file] > output.css
```
2023-05-19 22:23:20 +02:00
- <h3 id="crystal">Crystal</h3>
[sass.cr](https://github.com/straight-shoota/sass.cr) is a LibSass wrapper for
the [Crystal programming language](https://crystal-lang.org/).
2023-05-19 22:23:20 +02:00
- <h3 id="go">Go</h3>
[go-libsass](https://github.com/wellington/go-libsass) has the most active
GoLang wrapper. [gosass](https://github.com/moovweb/gosass) is another LibSass
wrapper.
[C6](https://github.com/c9s/c6) is a Sass 3.2 compatible implementation
written in pure GoLang that aims to extend Sass.
[wellington/sass](https://github.com/wellington/sass) is an in-progress pure
Go Sass lexer, parser, and compiler.
2023-05-19 22:23:20 +02:00
- <h3 id="java">Java</h3>
There is one Java wrapper --- [jsass](https://github.com/bit3/jsass). There is
also a plugin for Maven --- [LibSass Maven
plugin](https://gitlab.com/haynes/libsass-maven-plugin).
2023-05-19 22:23:20 +02:00
- <h3 id="javascript">JavaScript</h3>
The [sass.js](https://github.com/medialize/sass.js) project makes LibSass
available as pure JavaScript. There's a way to [test it in the
browser](https://sass.js.org/), too.
2023-05-19 22:23:20 +02:00
- <h3 id="lua">Lua</h3>
The Lua wrapper is found at
[lua-sass](https://github.com/craigbarnes/lua-sass).
2023-05-19 22:23:20 +02:00
- <h3 id="net">.NET</h3>
[LibSass Host](https://github.com/Taritsyn/LibSassHost) is updated regularly,
and is probably the best bet. There's also
[libsass-net](https://github.com/sass/libsass-net) or
[NSass](https://github.com/TBAPI-0KA/NSass), although they haven't been
updated in a while.
2023-05-19 22:23:20 +02:00
- <h3 id="node">Node</h3>
The [node-sass](https://github.com/sass/node-sass) project has proven to be
popular, and we've taken it into the main Sass GitHub repo. Check out its
package page [here](https://www.npmjs.com/package/node-sass), and [there's a
dedicated twitter account](https://twitter.com/nodesass) for updates.
2023-05-19 22:23:20 +02:00
- <h3 id="perl">Perl</h3>
The [CSS::Sass](https://github.com/sass/perl-libsass) project is updated
regularly. There's the [Text-Sass-XS](https://github.com/ysasaki/Text-Sass-XS)
project, too, although it hasn't been updated in a while.
2023-05-19 22:23:20 +02:00
- <h3 id="php">PHP</h3>
The [SassPHP](https://github.com/absalomedia/sassphp) project is an updated
fork of an [older PHP version](https://github.com/jamierumbelow/sassphp).
2023-05-19 22:23:20 +02:00
- <h3 id="python">Python</h3>
The [libsass-python](https://github.com/sass/libsass-python) project is
updated regularly. There are more details on [its own
website](https://sass.github.io/libsass-python/).
Three other Python projects,
[python-scss](https://github.com/pistolero/python-scss),
[pylibsass](https://github.com/rsenk330/pylibsass) and
[SassPython](https://github.com/marianoguerra/SassPython), haven't been
updated in a while.
2023-05-19 22:23:20 +02:00
- <h3 id="ruby">Ruby</h3>
LibSass has also been ported back into Ruby for the
[sassc-ruby](https://github.com/sass/sassc-ruby) project.
2023-05-19 22:23:20 +02:00
- <h3 id="r">R</h3>
The [R](https://www.r-project.org/) [Sass
package](https://github.com/rstudio/sass) wraps LibSass with additional
caching and bundling methods. [Extended
documentation](https://rstudio.github.io/sass/).
2023-05-19 22:23:20 +02:00
- <h3 id="rust">Rust</h3>
The [`sass_rs`](https://github.com/compass-rs/sass-rs) crate is a LibSass
wrapper and is updated regularly.
2023-05-19 22:23:20 +02:00
- <h3 id="scala">Scala</h3>
The only Scala project, [Sass-Scala](https://github.com/kkung/Sass-Scala),
hasn't been updated in a couple of years.
## About LibSass
This project is the brainchild of [Hampton
Lintorn-Catlin](https://twitter.com/HamptonMakes), the original creator of Sass.
[Aaron Leung](https://github.com/akhleung) is the primary developer.
<figure>
<img alt="LibSass logo" width="640" height="320" src="/assets/img/logos/libsass.png">
</figure>