Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Difference between compass and sass?

I know this is kind of a stupid question, but I've been searching Google and I can't find any answers :/ So what's the difference between SASS and Compass, SASS and SCSS? I'm getting really confused by this.

Thanks for any information :)

like image 496
Junxuan Ng Avatar asked Nov 05 '10 15:11

Junxuan Ng


People also ask

How do I use a Compass in SASS?

Step: Use Compass sass or . scss files into standard CSS open the command line and type the following line and press ENTER. You need to replace PATH/TO/FOLDER with the path of the sass or scss folder of the theme. After that compass watches the folder for changes and automatically generates the CSS files.

What is the difference between SASS and SCSS?

SASS (Syntactically Awesome Style Sheets) is a pre-processor scripting language that will be compiled or interpreted into CSS. SassScript is itself a scripting language whereas SCSS is the main syntax for the SASS which builds on top of the existing CSS syntax.

What is the difference between SASS and CSS?

CSS is a style language that is used to style and create web pages. While SCSS is a particular type of file for SASS, it used the Ruby language, which assembles the browser's CSS style sheets. SCSS contains advanced and modified features. SCSS is more expressive than the CSS.

Is Compass dead?

Is Compass dead? Yes, apparently. According to their GitHub page: Compass is no longer actively maintained.


1 Answers

At the risk of oversimplification, Compass is a framework while Sass is a language abstraction. You write Sass code (and compile it to standard CSS) within the Compass context. SCSS is simply the most recent syntax of the Sass language. It was created for the sole purpose of being more CSS-like in its syntax, as far as I can tell. All the syntactic sugar of Sass, but more familiar to front end developers comfortable with CSS.

like image 66
Rob Wilkerson Avatar answered Oct 08 '22 03:10

Rob Wilkerson