css-to-object

Convert flat CSS rule to JavaScript style object

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
css-to-object
1.1.05 years ago6 years agoMinified + gzip package size for css-to-object in KB

Readme

css-to-object
Convert flat CSS rules to JavaScript style objects
Useful for css-in-js libraries
npm i css-to-object

const cssToObject = require('css-to-object')

const style = cssToObject(`
  color: tomato;
  padding: 16px;
  @media (min-width: 40em) {
    paddingLeft: 32px;
    paddingRight: 32px;
  }
  &:hover: {
    color: black;
  }
  & h1 {
    font-size: 48px;
  }
`, {
  camelCase: true,
  numbers: true
})

// {
//   color: 'tomato',
//   padding: 16,
//   '@media (min-width: 40em)': {
//     paddingLeft: 32,
//     paddingRight: 32,
//   },
//   ':hover': {
//     color: 'black'
//   },
//   h1: {
//     fontSize: 48
//   }
// }

Options

  • numbers: Converts px values to numbers
  • camelCase: converts CSS properties to camelCased keys

MIT License