Light-Weight Javascript Style Wrapper
Using Bower:
bower install style.js
Or grab the source (minified).
Basic usage is as follows:
// Read a style
style(myHTMLElement)('font-size');
// Write a style
style(myHTMLElement)('font-size', '12px');
// Can write without pixel units
style(myHTMLElement)('font-size', 14);
// Can read without units too (returns a number)
style(myHTMLElement).unitless('font-size');
style(myHTMLElement).u('font-size'); // alias
// The Style function is also alised to S
S(myHTMLElement)('font-size', '2em');
// To remove a property, call with undefined
S(myHTMLElement)('font-size', undefined);
// Or with a CSS function
S(myHTMLElement)('transform', ['translate', '50%', '50%']);
// Clear all inline styles with an empty object
S(myHTMLElement)({})
Note that, the wrapper function will cache the computed styles. It will remove the cache when something is written. Do not set styles from elsewhere or else the cache will become invalid!
We'll check out your contribution if you:
- Provide a comprehensive suite of tests for your fork.
- Have a clear and documented rationale for your changes.
- Package these up in a pull request.
We'll do our best to help you out with any contribution issues you may have.
MIT. See LICENSE.txt in this directory.