react-postcss

This repository contains proof-of-concept simple style tag component for React.

How to use

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>
    )
}

PostCSS

This component uses PostCSS. You can use any plugins from postcss.parts website.