Sass - Interview Questions and Answers

Home / Interview / Sass :: General Questions

Interview :: Sass

21) What are the requirements of SASS system?

These are the requirements for Sass system:-

  .Operating System - Cross platform .Browser support - Internet Explorer, Google Chrome, Safari, Opera. .Programming language - Ruby. 

22) What is the use of @extend directive in SASS?

The SASS @extend directive is used to share a set of CSS properties from one selector to another. It is a very important and useful feature of Sass. It allows classes to share a set of properties with one another. It makes your code less and facilitates you to rewrite it repeatedly. For example:

  .message     border: 1px solid #ccc     padding: 10px     color: #333   .success     @extend .message     border-color: green   .error     @extend .message     border-color: red   .warning     @extend .message     border-color: yellow    

23) What is the role of @media directive in SASS?

The Sass @media directive is used to set style rules to different media types. It supports and extends the @media rules. This directive can be nested inside the selector SASS but the main impact is displayed to the top level of the style sheet. For example:-

  h2{   color: violet;   }   .style{   width: 500px;   @media screen and (orientation: portrait){   width:200px;   margin-left: 80px;   }   }   

24) What is the use of at-root directive in SASS?

The Sass @at-root directive is a collection of nested rules that are used to style block at the root of the document. For example:-

  h2{   color: blue;   background-color: pink;   @at-root {   .style{    font-size: 20px;    font-style: bold;    color: violet;    }    }   }   

Aptitude Questions and Answers