CSSOM

CSSOM copied to clipboard

@media in @-moz-document

2

crash at parsing ``` js var CSSOM = require('cssom'); var css; try { css = CSSOM.parse(` @-moz-document url-prefix() { @media only screen{ #main { color:red; } } } `); console.log(css);...

Gvozd

Preserve multiple definitions of the same property in the same rule?

21

It's not uncommon for CSS authors to take advantage of the fact that a browser must ignore a CSS property in its entirety if a parse error or unsupported token...

papandreou

This CSS: ``` .block-title .block-title-inner a:visited { color: #48484d; } // MAIN MENU - (used to keep mobile menu options hidden and keep weather/search and menu on one line) //...

domenic

assignments without a value

1

I don't know if it's a valid syntax according to W3C specifications but I sometimes see assignments like `visibility:`. It seems these kind of assignments make the CSS elements disappear,...

ucarbehlul

Handle escape sequences

2

[Backslash escape sequences](http://www.w3.org/TR/css3-syntax/#characters) currently aren't handled.

kpozin

Parsing comments

4

I am going to use your parser for CSS sprites generator. It would be convenient to parse comments as properties annotations like in the following example: ``` css .icon {...

jsmarkus

@charset rule currently ends up being part of a selector: @charset "UTF-8"; html,section { margin:0; padding:0; border:0 } E.g. one of the GitHub CSS files: https://a248.e.akamai.net/assets.github.com/assets/github-0c9d87dff5611078dcc29621367346a73a74b001.css

cistov

[Travis CI: Node.js](http://about.travis-ci.org/docs/user/languages/javascript-with-nodejs/). [Testling](http://ci.testling.com/) for browsers.

NV

Expand shortcut properties

4

Browsers mostly store longhand properties rather than shortcuts. When you write `background: rgb(40, 40, 40)` WebKit stores it as ``` style: 0: "background-image" 1: "background-repeat-x" 2: "background-repeat-y" 3: "background-attachment" 4:...

NV

Implement serialize() that preserves formatting and comments

4

/* button.css */ .button { display: inline-block; text-align: right; /* fixes Opera */ /* background-image defined in button-theme.css */ background: no-repeat 100% -55px; } var css = CSSOM.parse(buttonCSS, {preserveFormatting: true})...

NV