cs

copy-styles

Copies computed styles from source to target

Showing:

Popularity

Downloads/wk

5

GitHub Stars

2

Maintenance

Last Commit

6yrs ago

Contributors

0

Package

Dependencies

1

License

MIT

Type Definitions

Tree-Shakeable

Yes?

Categories

Readme

computed-style

NPM version Build Status Downloads

Copies computed styles from source DOM Element to target DOM Element as inline styles.

Install

npm install Hypercubed/copy-styles

Usage

import copyStyles from 'copy-styles';

const source = document.querySelector('#node1');
const target = document.querySelector('#node1');

copyStyles(source, target);

Styles object

An optional third parameter can be passed to copyStyles. If true all computed styles are copied. If false no styles are copied (function has no effect). If the third parameter is an object only those keys with a truthy value are copied. If a value is false or equal to the value of the that property it will not be copied. For example:

copyStyles(source, target, {
    'color': true,
    'font-family': false,
    'margin-left': '0px'
});

In this case, the color style will be copied, font-family will not (same result if font-family is absent), margin-left will only be copied if not equal to '0px'.

See API

License

MIT © J. Harshbarger

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100