CODEWITHSUNDEEP
javascriptnode.jssass
sdvnksv
sdvnksv

Reputation: 9668

Sass.js online compilation

OK, I am a bit confused. I've downloaded and included the sass.js files into my webpage head section: 

<script src="assets/plugins/sassjs/sass.js"></script>

This is the code I have in the body part: 

<span id="foo">This text should be green</span>

Below is the code I try to compile (placed in the head section too):

    <script>
    // init a SAAS instance
    var sass = new Sass();

    // Example
    var scss = '$color: green; #f00 { color: $color; }';
    sass.compile(scss, function(result) {
        console.log(result);
    });
    </script>

As a result I do have the compilation result output in the console, however the styles won't apply. Am I missing something and this is to be used with Node.js only? I really don't understand how this should work.

Upvotes: 0

Views: 177

Answers (1)

Martin Ad&#225;mek
Martin Ad&#225;mek

Reputation: 18389

You need to add <style> element and insert the result to it:

// in HTML
<style id="sass"></style>

// in JS
document.getElementById('sass').innerText = result.text;

Upvotes: 1

Related Questions