CSS to SASS for Sublime
CSS to SASS Converter
Sublime CSS to SASS converter module make your life easier.Just you need to write the css and then magic will happen , it will automatically generate the SASS.
Just PASTE directly the CSS section you want SASS and boom! Done.
How?
Just paste directly the CSS section you want SASS and boom! Done.
Install
- Install Sublime Text Editor 2 http://www.sublimetext.com/2
- Click the Preferences > Browse Packages… menu
- Browse up a folder and then into the Installed Packages/folder
- Download Package Control.sublime-package and copy it into the Installed Packages/ directory
- Restart Sublime Text
- Press Ctrl + Shift + P (Cmd + Shift + P on OSX) and search “install” or “install packages”
- Then Search for ‘CSS to SASS converter’ in the Sublime package manager and select it.
Example
Say you have some masterful CSS like this
button{ background: #006dcc; font-size: 18px; color: #eee; border: 1px solid rgba(0,0,0,0.5); border-radius: 3px; padding: 10px; box-shadow: -3px -21px 21px -9px rgba(0,0,0,0.4) inset; } button.active{ background: maroon; } button:disabled{ background: #aaa; color: #777; }
Just PASTE this