brackets-sass - Enable Live Preview and compile SASS files within Brackets

  •        11

Compiles *.scss/*.sass files when changed. Updates styles during Live Preview. Demo video: http://youtu.be/gYE7jybP_5Y. By default, this extension uses libsass 3.1. The Ruby-based sass compiler is also supported, see sass.compiler preference. For details on compatibility with the latest Sass features and popular Sass frameworks, see the wiki.

https://github.com/jasonsanjose/brackets-sass/releases/tag/2.0.3

Tags
Implementation
License
Platform

   




Related Projects

node-sass - :rainbow: Node.js bindings to libsass

  •    C++

Node-sass is a library that provides binding for Node.js to LibSass, the C version of the popular stylesheet preprocessor, Sass. It allows you to natively compile .scss files to css at incredible speed and automatically via a connect middleware.

sass.js - Sass.js - API for emscripted libsass to run in the browser

  •    Javascript

Sass parser in JavaScript. Have a look at the Interactive Playground to play around with compiling SCSS to CSS in your browser.This is a convenience API for emscripted libsass (at v3.4.8). If you're looking to run Sass in node, you're probably looking for node-sass. Sass.js and node-sass should generate the same results.

grunt-contrib-sass - Compile Sass to CSS.

  •    Javascript

Run this task with the grunt sass command. Sass is a preprocessor that adds nested rules, variables, mixins and functions, selector inheritance, and more to CSS. Sass files compile into well-formatted, standard CSS to use in your site or application.

grunt-contrib-compass - Compile Compass to CSS.

  •    Javascript

Run this task with the grunt compass command. Compass is an open-source authoring framework for the Sass css preprocessor. It helps you build stylesheets faster with a huge library of Sass mixins and functions, advanced tools for spriting, and workflow improvements including file based Sass configuration and a simple pattern for building and using Compass extensions.


libsass-python - A straightforward binding of libsass for Python

  •    Python

This package provides a simple Python extension module sass which is binding LibSass (written in C/C++ by Hampton Catlin and Aaron Leung). It's very straightforward and there isn't any headache related Python distribution/deployment. That means you can add just libsass into your setup.py's install_requires list or requirements.txt file. Need no Ruby nor Node.js. libsass requires some features introduced by the recent C++ standard. You need a C++ compiler that support those features. See also libsass project's README file.

libsass - A C/C++ implementation of a Sass compiler

  •    C++

LibSass is just a library! If you want to use LibSass to compile Sass, you need an implementer. Some implementations are only bindings into other programming languages. But most also ship with a command line interface (CLI) you can use directly. There is also SassC, which is the official lightweight CLI tool built by the same people as LibSass. This list does not say anything about the quality of either the listed or not listed implementations! The authors of the listed projects above are just known to work regularly together with LibSass developers.

sass-build-structure - An example SASS build structure sample to start a project

  •    CSS

After reading the book SMACSS and finding it very helpful the Front End team at Evernote has used some of the ideas in our SASS build. We've found breaking the SASS files out into directories (Base, Layout, Modules, and Views) helps organize our files in a project and compile CSS into a clean, logical file. Each page has a SASS (.scss) file created that acts as a project file that imports the individual modular components from Base, Layout, Modules, and Views that are needed to build the particular page. This build methodology is currently being used on Evernote.com.

sass-loader - Compiles Sass to CSS

  •    HTML

Loads a Sass/SCSS file and compiles it to CSS. Use the css-loader or the raw-loader to turn it into a JS module and the mini-css-extract-plugin to extract it into a separate file. Looking for the webpack 1 loader? Check out the archive/webpack-1 branch.

true - Sass unit tests

  •    CSS

True is a unit-testing tool for Sass code – initially developed for the Susy layout toolkit. All of the test code is written in pure Sass, and can be compiled by any Sass compiler – but we also provide integration with Mocha JS, for extra features and improved reporting. True the wheels of a bicycle after striking a pothole.

wellington - Spriting that sass has been missing

  •    Go

wt is a Sass preprocessor tool geared towards projects written in Sass. It focuses on tasks that make working on a Sass site friendlier and much faster. wt extends the Sass language to include spriting and image operations not currently possible in the core language.You can try out Wellington on Codepen, fork the Wellington Playground! This live example has images you can use, or you can bring your Sass.

Sass.Net

  •    

The .Net wrapper of the libsass library that is C++ port of the Sass CSS precompiler.

meteor-scss - Node-sass wrapped to work with meteor.

  •    Javascript

This is a Sass build plugin for Meteor. It compiles Sass files with node-sass and it has options to control the load order of Sass files and use Autoprefixer on the generated CSS. Since meteor 1.4.1+ (fourseven:scss 3.9.0+), we do not have prebuild binaries anymore. You are required to set up the required toolchain yourselves.

bootswatch-rails - Bootswatches converted to SCSS ready to use in Rails asset pipeline.

  •    Ruby

This gem is meant to be used with bootstrap-sass. It gives you complete scss versions of bootswatches for use in your Rails asset pipeline, just like bootstrap-sass gives you scss version of bootstrap itself. When using bootstrap-sass, it's recommended to avoid sprockets in your stylesheets. In order to do that you simply rename your application.css file to application.css.scss, remove all sprockets comments, and instead use sass @import commands. These commands are smart enough to fully support asset pipeline load paths, thanks to sass-rails gem.

awesome-sass - 🎨 Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources

  •    

Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources. 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.

compass-mixins - A collection of compass' stylesheet for bower dependencies and libsass

  •    CSS

This is a repository to pull SASS style sheets on Bower, and enjoy the compass mixins by using libsass for faster compilation. This project makes minimal modifications to the original Compass 0.12.X stylesheets from the original repository, intented to improve libsass compatibility and not change output. This project includes reasonably similar implementations of some of the Ruby functions that Compass provides as Sass extensions. These are used in some Compass mixins, such as @include background().

scss-lint - Configurable tool for writing clean and consistent SCSS

  •    Ruby

scss-lint is a tool to help keep your SCSS files clean and readable by running it against a collection of configurable linter rules. You can run it manually from the command line, or integrate it into your SCM hooks. The Sass core team is now building Sass in Dart instead of Ruby, and will no longer be maintaining the Ruby implementation unless a maintainer steps up to help. Since the SCSS-Lint project relies on the Ruby Sass implementation, this means it will eventually not support the latest Sass features and bug fixes.

c6 - Compile SASS Faster ! C6 is a SASS-compatible compiler

  •    Go

Hate waiting for SASS compiling your stylesheets with Compass over 10 seconds everytime? C6 helps you write style sheets with efficiency. C6 is a SASS 3.2 compatible implementation written in Go. But wait! this is not only to implement SASS, but also to create a new language for better consistency, syntax and performance. And yes, this means we're free to accept new language feature requests.

css3-sass-mixins - SASS mixins which makes it easy to use css3 in SASS or SCSS powered projects

  •    

SASS mixins which makes it easy to use css3 in SASS or SCSS powered projects

Syntax-highlighting-for-Sass - A Sublime Text 3 package for highlighting both Sass and SCSS syntax.

  •    CSS

This is a Sublime Text 3 package which purely forced on highlighting both Sass and SCSS syntax as accuracy as possible. Please make sure your Sublime Text 3 version is above Build 3103. This package has taken over the package name "Sass", please search keyword "sass" from Package Control to install this package.