Trusted answers to developer questions
Trusted Answers to Developer Questions

Related Tags

web development
nodejs
css
sass

What is node-sass?

Educative Answers Team

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

SASS (Syntactically Awesome Style Sheets) is an extended version of CSS. It enables a developer to create code in another language and translate it into CSS, and it compiles SASS to CSS at an incredible speed. It has introduced various new features like:

  • nesting
  • data variables
  • mixin functions
  • and many more!

Two syntaxes are available for SASS; the newer one uses the .scss extension and the older one uses the .sass extension.

Converting SASS into CSS

It is very easy to convert an scss file into a css file using this command on the terminal.

sass myStyle.scss myStyle.css

Remember: You need to install node-sass on your operating system.

Nesting

Nesting, where we can define CSS rules inside another rule, is introduced in this version.

Data Variables

Variables are also introduced for storing specific values. Variables are declared after the symbol.

Mixin functions

Mixin functions are used to store a certain set of reusable CSS rules.

Syntax

svg viewer

RELATED TAGS

web development
nodejs
css
sass
Copyright ©2022 Educative, Inc. All rights reserved

Grokking Modern System Design Interview for Engineers & Managers

Ace your System Design Interview and take your career to the next level. Learn to handle the design of applications like Netflix, Quora, Facebook, Uber, and many more in a 45-min interview. Learn the RESHADED framework for architecting web-scale applications by determining requirements, constraints, and assumptions before diving into a step-by-step design process.

Keep Exploring