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.


Just paste directly the CSS section you want SASS and boom! Done.


  • 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.


Say you have some masterful CSS like this

  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;
  background: maroon;

  background: #aaa;
  color: #777;

Just PASTE this



Leave a Reply

Your email address will not be published. Required fields are marked *