React Styler
Nice and simple CSS for React.
Installation
React Styler is available as an npm package.
npm install react-styler --save
Usage
'use strict'; var React = /** * include it */ styler = ; var Fieldset = React; moduleexports = Fieldset; /** * style it */styler; /** * */React;
Previous code is generating next markup
<head> <style> .Fieldset { border: 1px solid #dbdbdb; padding: 35px 20px 20px; } .Fieldset + .Fieldset { margin-top: 25px; } .Fieldset-caption { color: #474747; padding: 0 8px; margin-left: -8px; } </style></head> ... <fieldset class="Fieldset Fieldset-main"> <legend class="Fieldset-caption">My Caption</legend> </fieldset>