All Projects → connorskees → Grass

connorskees / Grass

Licence: mit
A near-feature-complete Sass compiler written purely in Rust

Programming Languages

rust
11053 projects

Projects that are alternatives of or similar to Grass

Mq Scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
Stars: ✭ 122 (-14.69%)
Mutual labels:  scss, sass
Baseguide
Lightweight and robust CSS framework for prototyping and production code.
Stars: ✭ 127 (-11.19%)
Mutual labels:  scss, sass
Frasco
Quick starter for Jekyll including full setup for Sass, PostCSS, Autoprefixer, stylelint, Webpack, ESLint, imagemin, Browsersync, etc.
Stars: ✭ 123 (-13.99%)
Mutual labels:  scss, sass
Musubii
Simple CSS Framework for JP
Stars: ✭ 138 (-3.5%)
Mutual labels:  scss, sass
Mixins
sass mixins
Stars: ✭ 132 (-7.69%)
Mutual labels:  scss, sass
Quickmenu
The new era of mobile navigation for the web, we're out of hamburgers.
Stars: ✭ 119 (-16.78%)
Mutual labels:  scss, sass
Shards Ui
🎨Shards is a beautiful & modern Bootstrap 4 UI kit packed with extra templates and components.
Stars: ✭ 1,718 (+1101.4%)
Mutual labels:  scss, sass
Atoms
Atoms for Blaze UI
Stars: ✭ 1,505 (+952.45%)
Mutual labels:  scss, 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 (+1098.6%)
Mutual labels:  scss, sass
Hocus Pocus
Universal and lightweight stylesheet starter kit
Stars: ✭ 128 (-10.49%)
Mutual labels:  scss, sass
Sscss
Light Sass lib for managing your font-size, margin, padding, and position values across breakpoints.
Stars: ✭ 119 (-16.78%)
Mutual labels:  scss, sass
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (-6.29%)
Mutual labels:  scss, sass
Css
The CSS design system that powers GitHub
Stars: ✭ 10,670 (+7361.54%)
Mutual labels:  scss, sass
Refills
Refills is maintained by the thoughtbot design team. It is funded by thoughtbot, inc. and the names and logos for thoughtbot are trademarks of thoughtbot, inc.
Stars: ✭ 1,523 (+965.03%)
Mutual labels:  scss, sass
Rollup Plugin Styles
🎨 Universal Rollup plugin for styles: PostCSS, Sass, Less, Stylus and more.
Stars: ✭ 116 (-18.88%)
Mutual labels:  scss, sass
Fast
Develop, build, deploy, redeploy, and teardown frontend projects fast.
Stars: ✭ 126 (-11.89%)
Mutual labels:  scss, sass
Fictoan
Mockups with markup — https://sujan-s.github.io/fictoan/
Stars: ✭ 114 (-20.28%)
Mutual labels:  scss, sass
Styled Jsx Plugin Sass
Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.
Stars: ✭ 115 (-19.58%)
Mutual labels:  scss, sass
Compass Inuit
💮 Compass extension for inuit.css. More than 40k users served!
Stars: ✭ 127 (-11.19%)
Mutual labels:  scss, sass
Basis
A lightweight responsive Sass/CSS framework based on flexible box.
Stars: ✭ 133 (-6.99%)
Mutual labels:  scss, sass

grass

This crate aims to provide a high level interface for compiling Sass into plain CSS. It offers a very limited API, currently exposing only 2 functions.

In addition to a library, also included is a binary that is intended to act as an invisible replacement to the Sass commandline executable.

This crate aims to achieve complete feature parity with the dart-sass reference implementation. A deviation from the dart-sass implementation can be considered a bug except for in the following situations:

  • Error messages
  • Error spans
  • Certain aspects of the indented syntax
  • Potentially others in the future

Documentation
crates.io

Status

The large features remaining are

indented syntax
css imports
@forward
compressed output

This is in addition to dozens of smaller features, edge cases, and miscompilations.

Starting from grass v0.9.4, it is possible to compile Twitter Bootstrap 4 as well as bulma-scss.

The output is not exact byte-for-byte, and the remaining differences in output are tracked here.

Web Assembly

grass experimentally releases a WASM version of the library to npm, compiled using wasm-bindgen. To use grass in your JavaScript projects, just run npm install @connorskees/grass to your package.json. Better documentation for this version will be provided when the library becomes more stable.

Features

commandline

(enabled by default): build a binary using clap

random

(enabled by default): enable the builtin functions random([$limit]) and unique-id()

In the future this feature will be removed when it is no longer necessary to rely on rand for random numbers.

Testing

As much as possible this library attempts to follow the same philosophy for testing as rust-analyzer. Namely, all one should have to do is run cargo test to run all its tests. This library maintains a test suite distinct from the sass-spec, though it does include some spec tests verbatim. This has the benefit of allowing tests to be run without ruby as well as allowing the tests more granular than they are in the official spec.

Having said that, to run the official test suite,

git clone https://github.com/connorskees/grass --recursive
cd grass
cargo b --release
./sass-spec/sass-spec.rb -c './target/release/grass'

Note: you will have to install ruby, bundler and run bundle install in ./sass-spec/. This might also require you to install the requirements separately for curses.

These numbers come from a default run of the Sass specification as shown above.

2020-11-16
PASSING: 3415
FAILING: 1678
TOTAL: 5093
2020-08-15
PASSING: 3384
FAILING: 1703
TOTAL: 5093
2020-07-24
PASSING: 2935
FAILING: 2158
TOTAL: 5093
2020-06-07
PASSING: 2442
FAILING: 2651
TOTAL: 5093
2020-05-01
PASSING: 2193
FAILING: 2900
TOTAL: 5093
2020-04-01
PASSING: 1711
FAILING: 3382
TOTAL: 5093
2020-03-22
PASSING: 1442
FAILING: 3651
TOTAL: 5093
2020-02-03
PASSING: 242
FAILING: 4851
TOTAL: 5093
2020-01-20
PASSING: 143
FAILING: 4950
TOTAL: 5093
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].