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.