Function to convert css string to object

convert_css_string_to_object.js

const convertCssStringToObject = (cssString) => {
  const cssObject = {};

  const clearCssString = cssString[cssString.length - 1] === ';'
    ? cssString.substr(0, cssString.length - 1)
    : cssString;

  const cssRules = clearCssString.split(';');

  cssRules.forEach((cssRule) => {
    let cleanRule = cssRule.replace(/\s/g, '');
    let ruleArray = cleanRule.split(':');

    const [key, value] = ruleArray;

    cssObject[key] = value;
  });

  return cssObject;
};

// input
convertCssStringToObject('width: 100%; padding: 16px');

// output => { width: "100%", padding: "16px" }