SASS Setup & Compass in Easy Way

Introduction

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:

  1. Go to Tools > Extension and Updates.
  2. Search for SASS.
  3. Install Mindscape Web Workbench.

Multi CSS Directions

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.

Compass Setup

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:>cd project
C:Project>
C:Project>compass create style

SASS Setup

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

About these ads

One thought on “SASS Setup & Compass in Easy Way

  1. Pingback: Multi CSS Directions Generating ::: By SASS

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s