Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class='container'>
  <div class='box'>
  <div class='box'>
  <div class='box'>
  <div class='box' state='true'>
  <div class='box'>
</div>

SassMeister-input.scss

// ----
// libsass (v3.3.2)
// ----

$primary-color: salmon;
$secondary-color: lightblue;

.container {
  height: 200px;
  width: 200px;
  background-color: $primary-color;
  }
  
.box {
  width: 10px;
  height: 10px;
  background-color: secondary-color;
}  

SassMeister-output.css

.container {
  height: 200px;
  width: 200px;
  background-color: salmon;
}

.box {
  width: 10px;
  height: 10px;
  background-color: secondary-color;
}

SassMeister-rendered.html

<div class='container'>
  <div class='box'>
  <div class='box'>
  <div class='box'>
  <div class='box' state='true'>
  <div class='box'>
</div>