Sass Practice Test

In Sass, what is the @return directive used for?

A) Used to call the return value for the function.

B) Used to define the mixin.

C) Used to include the mixins in the document.

D) None of the above

Correct! Wrong!

Explanation:
The @return directive in Sass is used to call the function's return value.

True/False: The SASS code is run from the command line using the "sass input.scss output.css" command.

A) False

B) True

Correct! Wrong!

Explanation:
The above statement is correct. The SASS code is run from the command line using the "sass input.scss output.css" command.

Which of the following operators offers the path for the application's CSS stylesheets?

A) :css_location

B) :filename

C) :template_location

D) :load_paths

Correct! Wrong!

Explanation:
The:css location operator specifies the location of the application's CSS stylesheets.

________ web framework is open-source.

A) Merb

B) Rack

C) Rails

D) All of the above

Correct! Wrong!

Explanation:
Rails is a web development framework that is free and open-source. Rails is a server-side web application written in Ruby.framework. It's a model-view-controller (MVC) framework that includes a database, web service, and other components, structure of web pages

The style rule for various media types is set by __________.

A) @extend

B) @debug

C) @import

D) @media

Correct! Wrong!

Explanation:
The @media attribute assigns a style rule to various media formats. Media queries examine the device's capabilities and can be used to verify a variety of things, including the viewport and device's width and height, orientation (is the tablet/phone in landscape or portrait mode? ), resolution, and much more.

Which of the following directives is used to share selector rules and relationships?

A) @media

B) @extend

C) None of the above

Correct! Wrong!

Explanation:
The @extend directive is used to share selector rules and relationships. This directive combines the styles of all other classes into a single class and can also apply its own unique styles.

True/False: The @debug directive identifies mistakes and outputs the values of SassScript expressions to the standard error stream.

A) False

B) True

Correct! Wrong!

Explanation:
The above statement is correct. The @debug directive identifies mistakes and outputs the values of SassScript expressions to the standard error stream.

Which of the following directives throws a fatal error when the SassScript expression value is used?

A) @warn

B) @at-root

C) @error

D) None of the above

Correct! Wrong!

Explanation:
The SassScript expression value is shown as a fatal error using the @error directive..

A variable is defined in __________ directive that contains the value of each item in a list.

A) @each

B) @if

C) @while

D) @for

Correct! Wrong!

Explanation:
In @each directive, a variable is defined which contains the value of each item in a list.

Which of the directives below allows you to create styles in a loop?

A) @each

B) @for

C) @while

D) @if

Correct! Wrong!

Explanation:
The @for directive allows you to generate styles in a loop. The @for directive comes in two forms. The first option is @for $var from through which starts at and loops "through" each iteration and ends at . And the second option is @for $var from to which starts at and loops through each iteration "to" and stops. Once the directive hits the , it stops the looping process and does not evaluate the loop that one last time.

In Sass, which of the following is the proper way to define a variable?

A) $primary-color: #888;

B) @primary-color: #888;

C) %primary-color: #888;

D) #primary-color: #888;

Correct! Wrong!

Explanation:
Following is the correct way to define a variable in SASS,
$primary-color: #888;
SASS Variables allow you to define a value once and use it everywhere. Variables start with a dollar sign and are set in the same way that CSS properties are. You can modify the variable's value in one location, and it will affect all instances where it is used.

Who is the SASS creator?

A) Hakon Wium Lie

B) Hampton Catlin

C)Tim Berners-Lee

D) Guido van Rossum

Correct! Wrong!

Explanation:
SASS was created by Hampton Catlin. Catlin devised a style sheet language to go beyond Cascading Style Sheets (CSS), which are used to describe how web pages look. He continued to work on Sass after that. Sass is now included in the Rails distribution.

In Sass, what is the function of the @include directive?

A) Used to include the mixins in the document.

B) Used to define the mixin.

C) None of the above

D) All of the above

Correct! Wrong!

Explanation:
The @include directive in Sass is used to include mixins in a document. The mixin's styles can be included into the present rule.

True/False: The SassScript values can be used as parameters in mixins, and are available as variables within the mixin when the mixin is included.

A) False

B) True

Correct! Wrong!

Explanation:
The above statement is correct. The SassScript values can be used as parameters in mixins, which are available as variables within the mixin and are given when the mixin is included. Mixins allow you to create a collection of styles that you can reuse across your stylesheet without having to recreate non-semantic classes.

To define the mixin, which directive is used?

A) @extend

B) @include

C) @debug

D) @mixin

Correct! Wrong!

Explanation:
The mixin is defined using the @mixin directive. After the name of the mixin, this directive can optionally include variables and arguments.

What exactly is Rack?

A) Web framework

B) Web application framework

C) Web server interface

D) None of the above

Correct! Wrong!

Explanation:
RACK is a user interface for web servers. Rack is a lightweight interface that connects webservers that support Ruby and Ruby frameworks.

________ is an open-source web system.

A) Rack

B) Rails

C) Merb

D) All of the above

Correct! Wrong!

Explanation:
Rails is a free and open-source web development framework. Rails is a Ruby-based server-side web application framework. It's a model-view-controller (MVC) framework that comes with pre-built database, web service, and web page architectures.

_____________ is a web application system, which gives speed and measured quality to Rails.

A) Merb

B) Rack

C) Rails

D) All of the above

Correct! Wrong!

Explanation:
Merb is a Rails-based web application framework that adds speed and modularity. Merb is an ORM-agnostic, JavaScript library-agnostic, and template language-agnostic MVC framework.

How many different ways may SASS be used?

A) It can be used as a plugin for any Rack-enabled framework

B) It can be used as a command line tool

C) It can be used as a standalone Ruby module

D) All the above

Correct! Wrong!

Explanation:
Sass is available as a command-line tool, a standalone Ruby module, and a plugin for any Rack-enabled framework, such as Ruby on Rails and Merb.

What is the distinction between Sass and SCSS?

A) The first syntax is SCSS" and it uses the .scss extension

B) Sass is a CSS pre-processor with syntax advancements and an extension of CSS3

C) Sass has two syntax

D) All the above mentioned

Correct! Wrong!

Explanation:
SASS (Syntactically Awesome Style Sheets) is a style sheet language developed by Chris Eppstein and Natalie Weizenbaum and designed by Hampton Catlin. It's a scripting language for pre-processors that will be compiled or interpreted into CSS. SassScript is a scripting language in and of itself. It has a dynamic typing discipline. SCSS (Syntactically Awesome Style Sheets) was introduced as the main syntax for SASS (Syntactically Awesome Style Sheets), which builds on the current CSS syntax. It uses semicolons and brackets in the same way as CSS does (Cascaded Style Sheets). SCSS is a superset of CSS, which means that all CSS capabilities will be available in SCSS, as well as a few SASS features (Syntactically Awesome Style Sheets).