joni2back / inline.js

Live CSS Helpers with Javascript

inline.js

CSS Helpers with Javascript

Use inline css helpers in a fashion way, just add the magic classes to elements in real or render time

Some formulas:

<!-- Set margin-top of 25px -->
<div class="mt25"></div>

<!-- Set font-size to 14pt -->
<div class="fs14pt">hello!</div>

<!-- Combine formulas (its the same to add 
     font-size:14pt; margin-top:25px; margin-bottom:0; 
     margin-left:2em; border-radius:30%)
-->
<div class="fs14pt mt25 mb0 ml2em br30%">hello!</div>

---

// usage
var container = window.document.getElementById('container');
window.inlinejs.apply(container);

Contribute

To contribute to the project you can simply fork this repo, then do a pull request.

Versioning

For transparency into our release cycle and in striving to maintain backward compatibility, inline.js is maintained under the Semantic Versioning guidelines.

Copyright and license

Code and documentation released under the MIT license.