Flourish module to convert js inline styles to stylesheet
npm install @flourish/js2cssWrite CSS with D3-style selection syntax.
``javascript
select("h1")
.style("color", "red")
.style("font-size", "1.25rem");
// h1 {
// color: red;
// font-size: 1.25rem;
// }
`
Install js2css with NPM npm install -s @flourish/js2css.
Import and initialise js2css in your project, and create styles.
`javascript
import Stylesheet from "@flourish/js2css";
var styles = new Stylesheet();
styles.select("h1") // h1 {...}
.style("color", "red")
.style("font-size", "1.2rem")
.style("font-weight", "bold")
.style("display", function() {
return window.innerWidth < 400 ? "none" : null
})
.select("span") // h1 span {...}
.style("font-weight", "normal");
document.head.querySelector("#my_style_container").innerHTML = styles.print(); // Add styles to