From 836897aea823de92d935f3db48c89de22d49f3fe Mon Sep 17 00:00:00 2001 From: Stefan <42074868+stefanhk31@users.noreply.github.com> Date: Wed, 19 Dec 2018 20:44:23 -0500 Subject: [PATCH] Added more specs to SCSS (#26089) I added a list of key features of SCSS. I also fixed a spelling error in "preprocessor" in the intro section. --- guide/english/sass/index.md | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/guide/english/sass/index.md b/guide/english/sass/index.md index e577249a7f..e81322fc28 100644 --- a/guide/english/sass/index.md +++ b/guide/english/sass/index.md @@ -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: