From 8d5d211975fa4affb3597605be78070e1475df26 Mon Sep 17 00:00:00 2001
From: TylerGlenski <40610184+TylerGlenski@users.noreply.github.com>
Date: Sat, 9 Mar 2019 01:03:18 -0600
Subject: [PATCH] SASS. @each. Replace stub (#34844)

* SASS. @each. Replace stub

Added 1x guide/example, 1x problem, and 1x solution.

* Removed problem from solution

Removed the problem from solution.

* Fix languages and made formatting changes
---
 .../index.md                                  | 26 ++++++++++++++++---
 1 file changed, 23 insertions(+), 3 deletions(-)

diff --git a/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md b/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md
index 543785663e..7ee05ce71d 100644
--- a/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md
+++ b/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md
@@ -3,11 +3,31 @@ title: Use @each to Map Over Items in a List
 ---
 ## Use @each to Map Over Items in a List
 
-## Solution
+The @each directive loops over a list and for each iteration the variable is assigned the value in the list.
 
-```sass
+## Example:
+
+```html
 <style type='text/sass'>
   
+@each $color in white, black, blue {
+  .#{$color}-font {
+    color: $color;
+  }
+}
+
+</style>
+
+<div class="white-font"></div>
+<div class="black-font"></div>
+<div class="blue-font"></div>
+```
+
+## Solution
+
+```html
+<style type='text/sass'>
+
   @each $color in blue, black, red {
     .#{$color}-bg {background-color: $color;}
   }
@@ -16,6 +36,7 @@ title: Use @each to Map Over Items in a List
     height: 200px;
     width: 200px;
   }
+
 </style>
 
 <div class="blue-bg"></div>
@@ -23,7 +44,6 @@ title: Use @each to Map Over Items in a List
 <div class="red-bg"></div>
 ```
 
-
 The solution above will generate the following CSS:
 
 ```css