https://github.com/mungell/react-postcss

Simple style tag for React
https://github.com/mungell/react-postcss

css-in-js experimental postcss react

Last synced: about 2 hours ago
JSON representation

Simple style tag for React

• Host: GitHub
• URL: https://github.com/mungell/react-postcss
• Owner: MunGell
• Created: 2015-10-10T00:39:49.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-19T23:17:43.000Z (about 9 years ago)
• Last Synced: 2024-10-31T17:09:48.110Z (16 days ago)
• Topics: css-in-js, experimental, postcss, react
• Language: JavaScript
• Homepage: http://shmavon.gazanchyan.me/react-with-style/
• Size: 359 KB
• Stars: 9
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react-postcss

[![Build Status](https://travis-ci.org/MunGell/react-postcss.svg)](https://travis-ci.org/MunGell/react-postcss)

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

## How to use

```js

style: function() {

    return `

        .Container {

            &__button {

                color: red;

                background-color: black;

            }

        }

    `;

},

render: function () {

    return (

        


            {this.style()}

            

                Button

            

        

    )

}

```


## PostCSS

This component uses [PostCSS](https://github.com/postcss/postcss).

You can use any plugins from [postcss.parts](http://postcss.parts/) website.