Live edit SCSS stylesheets


Live edit SCSS and CSS stylesheets

Grunt plugin for Takana. If you're not using grunt, head over to mechio/takana and follow the CLI instructions there.

Getting started

Install the plugin

npm install grunt-takana

Add this snippet to your Gruntfile


Run takana from the root of your project folder

grunt takana

Add the JavaScript snippit to any page you want to live update:

<script type="text/javascript" src="http://localhost:48626/takana.js"></script>

Now just open the web page that you pasted the snippit into. Then open one of its stylesheets in Sublime and start live-editing!


Type: Array
Default: []

Import paths to include, the same option grunt-sass uses.

Type: String
Default: current working directory

Root project folder containing the stylesheets.