You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: scss-questions.md
+30-30Lines changed: 30 additions & 30 deletions
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
3
3
<br/>
4
4
5
-
## Q. ***Explain what is Sass? How it can be used?***
5
+
## Q. Explain what is Sass?
6
6
7
7
When stylesheets are getting larger, more complex, and harder to maintain. This is where a CSS pre-processor can help. Sass (which stands for 'Syntactically awesome style sheets) is an extension of CSS that enables you to use things like variables, nested rules, inline imports and more. It also helps to keep things organised and allows you to create style sheets faster.
8
8
@@ -18,7 +18,7 @@ Sass works by writing your styles in .scss (or .sass) files, which will then get
## Q. ***List out the data types that Sass supports?***
279
+
## Q. List out the data types that Sass supports?
280
280
281
281
<divalign="right">
282
282
<b><a href="#">↥ back to top</a></b>
283
283
</div>
284
284
285
-
## Q. ***Explain the @include, @mixin, @function functions and how they are used. What is %placeholder?***
285
+
## Q. Explain the @include, @mixin, @function functions and how they are used. What is %placeholder?
286
286
287
287
i) ```@mixin``` A mixin lets you make groups of CSS declarations that you want to reuse throughout your site
288
288
@@ -345,7 +345,7 @@ body, p {
345
345
<b><a href="#">↥ back to top</a></b>
346
346
</div>
347
347
348
-
## Q. ***List out the differences between LESS and Sass?***
348
+
## Q. List out the differences between LESS and Sass?
349
349
350
350
|LESS |Sass |
351
351
|-----|--------|
@@ -358,7 +358,7 @@ body, p {
358
358
<b><a href="#">↥ back to top</a></b>
359
359
</div>
360
360
361
-
## Q. ***Why Sass is considered better than LESS?***
361
+
## Q. Why Sass is considered better than LESS?
362
362
363
363
* Saas allows you to write reusable methods and use logic statements, e., loops, and conditionals
364
364
* Saas user can access Compass library and use some awesome features like dynamic sprite map generation, legacy browser hacks * and cross-browser support for CSS3 features
@@ -371,44 +371,44 @@ body, p {
371
371
<b><a href="#">↥ back to top</a></b>
372
372
</div>
373
373
374
-
## Q. ***What are Sass, Less, and Stylus? Why do people use them? How does something like Compass relate to Sass?***
374
+
## Q. What are Sass, Less, and Stylus? Why do people use them? How does something like Compass relate to Sass?
375
375
376
376
They are CSS preprocessors. They are an abstraction layer on top of CSS. They are a special syntax/language that compile down into CSS. They make managing CSS easier, with things like variables and mixins to handle vendor prefixes (among other things). They make doing best practices easier, like concatenating and compressing CSS.
377
377
378
378
<divalign="right">
379
379
<b><a href="#">↥ back to top</a></b>
380
380
</div>
381
381
382
-
## Q. ***What is file splitting and why should you use it?***
382
+
## Q. What is file splitting and why should you use it?
383
383
384
384
File splitting helps organize your CSS into multiple files, decreasing page load time and making things easier to manage. How you decide to split them up is up to you, but it can be useful to separate files by component. For example, we can have all button styles in a file called `_buttons.scss` or all your header-specific styles in a file called `_header.scss`, main file, say _app.scss, and we can import those files by writing @import 'buttons';
385
385
386
386
<divalign="right">
387
387
<b><a href="#">↥ back to top</a></b>
388
388
</div>
389
389
390
-
#### Q. ***What is the @content directive used for?***
391
-
#### Q. ***What is wrong with Sass nesting?***
392
-
#### Q. ***What is variable interpolation in Sass?***
393
-
#### Q. ***What is the difference between SCSS and Sass?***
394
-
#### Q. ***What are the advantages/disadvantages of using CSS preprocessors?***
395
-
#### Q. ***Explain what is the use of the @import function in Sass?***
396
-
#### Q. ***Explain what is the use of Mixin function in Sass? What is the meaning of DRY-ing out a mixin?***
397
-
#### Q. ***Explain what Sass Maps is and what is the use of Sass Maps?***
398
-
#### Q. ***Explain how Sass comments are different from regular CSS?***
399
-
#### Q. ***Does Sass support inline comments?***
400
-
#### Q. ***Explain when can you use the %placeholders in Sass?***
401
-
#### Q. ***Is it possible to nest variables within variables in Sass?***
402
-
#### Q. ***What are Sass cons and pros?***
403
-
#### Q. ***Explain how Mixins is useful?***
404
-
#### Q. ***What are the similarities between LESS and Sass?***
405
-
#### Q. ***Explain what is the use of &combinator ?***
406
-
#### Q. ***What is the way to write a placeholder selector in Sass?***
0 commit comments