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

screen-shot-2017-10-01-at-7-44-29-pm

Reference

Leave a Reply

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