touhid-rahman · December 14, 2017 09:03
diff --git a/SassMeister-input-HTML.html b/SassMeister-input-HTML.html
 <div class="color red"></div>
 <div class="color orange"></div>
 <div class="color yellow"></div>
 <div class="color green"></div>
 <div class="color blue"></div>
 <div class="color indigo"></div>
 <div class="color violet"></div>
diff --git a/SassMeister-input.scss b/SassMeister-input.scss
 $rainbow: red, orange, yellow, green, blue, indigo, violet

 .color 
  width: 100px
  height: 200px
  float: left

 @each $color in $rainbow 
  .#{$color}
 background-color: $color
diff --git a/SassMeister-output.css b/SassMeister-output.css
 .color {
  width: 100px;
  height: 200px;
  float: left;
  border: 1px solid black;
 }
diff --git a/SassMeister-rendered.html b/SassMeister-rendered.html
 <div class="color red"></div>
 <div class="color orange"></div>
 <div class="color yellow"></div>
 <div class="color green"></div>
 <div class="color blue"></div>
 <div class="color indigo"></div>
 <div class="color violet"></div>
	$rainbow: red, orange, yellow, green, blue, indigo, violet

	.color
	width: 100px
	height: 200px
	float: left

	@each $color in $rainbow
	.#{$color}
	background-color: $color
No results found