style-to-object

Parses inline style to object.

by remarkablemark

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/themes/prism.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/themes/prism-coy.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.8.4/components/prism-json.min.js"></script>
<script src="https://unpkg.com/style-to-object/dist/style-to-object.js"></script>
<pre><code class="language-json"></code></pre>

TypeScript

/**
 * https://github.com/remarkablemark/style-to-object
 */
const parse = window.StyleToObject;

const output = parse('color: #C0FFEE; background: #BADA55;');
console.log(output);

document.querySelector('code').innerText = JSON.stringify(output, null, 2);
Prism.highlightAll();