https://github.com/adekbadek/atom-sassc-live

Live Sass with Atom and Chrome workspace
https://github.com/adekbadek/atom-sassc-live

atom sass sassc

Last synced: 24 days ago
JSON representation

Live Sass with Atom and Chrome workspace

• Host: GitHub
• URL: https://github.com/adekbadek/atom-sassc-live
• Owner: adekbadek
• License: mit
• Created: 2016-02-04T13:49:10.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-08-20T08:51:56.000Z (over 7 years ago)
• Last Synced: 2024-10-30T12:13:40.183Z (2 months ago)
• Topics: atom, sass, sassc
• Language: CoffeeScript
• Homepage:
• Size: 231 KB
• Stars: 2
• Watchers: 4
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# atom-sassc-live

![demo gif](/demo.gif "Demo")

## What

This package will parse `.sass`/`.scss` files on newline (or as you type) and on saving the file. By default the `.css` output will be saved in the same directory where the edited `.sass` file is (you can change that in settings).

## How

1. Install the package - `apm install atom-sassc-live`

2. Link HTML to the output `.css` file, then [Set Up Persistence with DevTools Workspaces](https://developers.google.com/web/tools/setup/setup-workflow).

3. Toggle package (`Packages > atom-sassc-live > Toggle` or just `CTRL+ALT+O`)

## Why

This project is inspired by [Takana](http://usetakana.com). Unfortunately Takana does not support `.sass` syntax and runs it's own server, which may conflict with a local server or asset pipeline.

## Requirements

You have to have [sassc](https://github.com/sass/sassc) installed and added to PATH (on OSX - it's simplest with [homebrew](http://brewformulas.org/Sassc)).