1.0.0 • Published 7 years ago
insert-sass v1.0.0
insert-sass
a browserify transform for inserting sass
npm install insert-sassexample
body {
background-color: gray;
}
.foo {
color: yellow;
font-size: 64px;
font-family: sans-serif;
}body {
background-color: gray;
}
.foo {
color: yellow;
font-size: 64px;
font-family: sans-serif;
}const foo = require("./first.scss")() // calling the function inserts css into <head>
const el = document.createElement("p")
el.innerHTML = "some text"
el.className = styles.foo
document.body.appendChild(el)
console.log(styles) // { foo: 'test-first_foo_2luu1' } // classname mapping
console.log(document.querySelector("head > style").innerHTML) // css is inserted
const otherStyles = require("./second.scss") // not applied yet
console.log(otherStyles) // { [Function: bound ] bar: 'test-second_bar_1geYD' }
console.log(document.querySelector("head > style").innerHTML) // second.scss is not inserted yet
otherStyles() // apply now
console.log(document.querySelector("head > style").innerHTML) // second.scss is inserted