SASS Embed - Show CSS - With JS

by joshuatz

HTML

<pre id="generatedCssTarget">
</pre>

SCSS

/*
* Edit me!
*/
$myColor: red;
.myComponent {
	button {
		background-color: $myColor;
	}
}

JavaScript

var generatedCss = document.querySelector('#compiled-css').innerText.trim();
document.getElementById('generatedCssTarget').innerText = generatedCss;