Emmet LiveStyle is a plugin for live bi-directional (editor↔browser) CSS editing of new generation. You have to install browser plugins to work with this extension.
You can install directly from Package Control.
- Install Package Control first.
- When installed, open Command Palette in ST editor and pick
Package Control: Install Repositorycommand. - Find and install Emmet LiveStyle extension.
When installed, LiveStyle will automatically download require PyV8 extension. If you experience issues with automatic PyV8 installation, try to install it manually.
NB: if you have Emmet or TernJS extensions installed, make sure you have the most recent versions since they contain updates vital for LiveStyle extension.
On OSX you can install LiveStyle extension for WebKit for live editing of iOS web apps. Since Safari/WebKit doesn’t provide API to extend Web Inspector, you have to hack it.
This plugin provides automatic installer of WebKit extension. To use it, simply run Tools > Install LiveSTyle for WebKit extension menu item or LiveStyle: Install WebKit extension command from Command Palette.