gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added more specs to SCSS (#26089)

Browse Source 
I added a list of key features of SCSS. I also fixed a spelling error in "preprocessor" in the intro section.
This commit is contained in:
Stefan
2018-12-19 20:44:23 -05:00
committed by Randell Dawson
parent a62a30ce63
commit 836897aea8
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
guide/english/sass/index.md
View File

@ -1,7 +1,15 @@
---
title: Sass
---
Sass is a preprossessor scripting language that compiles CSS. It essentially brings the power of a standard programming language (e.g. loops, variables, conditional statements, etc...) to your stylesheets.
Sass is a preprocessor scripting language that compiles CSS. It essentially brings the power of a standard programming language to your stylesheets. Sass files end with the `.scss` file extension.
With Sass, you can make your CSS considerably more efficient. Some of its key features include:
1. **mixins**, which allow you to apply the same style to multiple elements without having to copy and paste
2. **for**, **if**, and **else** statements, which allow you to apply styles only in specific conditions
3. **partials**, which allow you to take chunks of your CSS and import them into other `.scss` stylesheets
4. **nesting**, which allows you to order child elements inside of their parents on your stylesheet
5. **extend**, which allows you to take the style from one element into another
## Store data with Sass variables: