fritx / css-obj

Parse css to js obj model

css-obj

Parse css to js obj model

It is very simple right now

It requires:

• no comments
• one space before {
• } or one key/value pair in each line
• strictly {key}: {value};
• so on ..

Usage

Source:

.hidden {
  display: none;
}
a:hover,
.btn.active {
  display: block;
  color: yellow;
}

Parsing:

var parseCss = require('css-obj')
parseCss(css, function(err, obj){
  console.log(obj)
})

Outputs:

[
  [
    '.hidden', {
      'display': 'none'
    }
  ],
  [
    'a:hover, .btn.active', {
      'display': 'block',
      'color': 'yellow'
    }
  ]
]

css-obj's Issues

Support for media query?

@media screen and (max-width: 480px) {
  .container {
    width: 100%;
  }
}

Any idea?