StyledElement 🎨 – new minimalistic & powerful CSS in JS solution 😂

styledElement.js

/*
styledElement - new minimalistic & powerful CSS in JS solution

Example of usage: 
  const div = styledElement("div", {background: red})
*/

export function styledElement(elem = "div", rules = {}, options = {}) {
  const element = document.createElement(elem)
  
  Object.keys(rules).forEach(r => {
    const value = rules[r]
    element.style[r] = typeof value === 'number' ? value+'px' : value
  })

  Object.keys(options).forEach(o => element[o] = options[o])

  return element
}