Generated by SassMeister.com.

SassMeister-input-HTML.html

<script>
  var json1 = {site: 'www.google.com'};
</script>

<box>
  <h1 class="abc" >sdf</h1>
</box>

SassMeister-input.scss

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

h1 {
  color: blue;
  }
  .abc {
  background: yellow;
  border: 5px solid #000;
  padding: 20px;

&.a {
  color: #222;
   :hover {
     color: #000000;
    }
    
    
}

}

SassMeister-output.css

h1 {
  color: blue;
}

.abc {
  background: yellow;
  border: 5px solid #000;
  padding: 20px;
}
.abc.a {
  color: #222;
}
.abc.a :hover {
  color: #000000;
}

SassMeister-rendered.html

<script>
  var json1 = {site: 'www.google.com'};
</script>

<box>
  <h1 class="abc" >sdf</h1>
</box>