This repository contains proof-of-concept simple style tag component for React.
style: function() {
return `
.Container {
&__button {
color: red;
background-color: black;
}
}
`;
},
render: function () {
return (
<div className="Container">
<Style plugins={[postcssNested, autoprefixer]}>{this.style()}</Style>
<button className="Container__button">
Button
</button>
</div>
)
}
This component uses PostCSS. You can use any plugins from postcss.parts website.