SASS refer to Syntactically Awesome StyleSheets. It is a scripting language that is interpreted into CSS. For more details about sass setup you can visit their website http://sass-lang.com.
Easy SASS setup
SASS is written by Ruby, and each operating system has different way to install it:
If you are Microsoft Visual Studio.Net, its easier to install an extension named, such as the following:
- Go to Tools > Extension and Updates.
- Search for SASS.
- Install Mindscape Web Workbench.
and for manual way every operating system has its own way:
- OS X: It is already in the system.
- Windows: you can download it from download Ruby.
gem install sass
- Linux: you can install it with Linux package manager.
open the command prompt window which you are writing the commands there and type the following:
Then install compass which is an open source CSS Authoring Framework, and you can download it from Compass
gem install compass
Create First Project
First browse your project location in the command prompt
C:Project>compass create style
now you created 3 folder and 1 configuration file : 1- .sass-cache, 2- sass, 3- stylesheets, so now you can create your mixins in the sass folder and it will automatically will generate in the stylesheet file. and to view the sample:
1- browse the file click here
2- view the example click here