Finally, a SCSS Live Editor.

Takana lets you see your SCSS and CSS style changes live, in the browser, as you type them.

Getting Started

1. Install the CLI

Install the takana command to your system path:

$ npm install -g takana

2. Start takana

Run takana by specifying the root of your project directory:

$ takana /path/to/project_folder

3. Add the JavaScript snippit to your HTML

Now add the JavaScript snippit to any page you want to live update:

<script type="text/javascript" src="http://localhost:48626/takana.js"></script>
<script type="text/javascript">
  takanaClient.run();
</script>

4. You're all set

Finally open the web page that you pasted the snippit into on the previous step. Then open one of its referenced stylesheets in Sublime and start live-editing!

What people are saying