{"_id":"rrweb-cssom","_rev":"198718","name":"rrweb-cssom","description":"CSS Object Model implementation and CSS parser","dist-tags":{"latest":"0.6.0"},"maintainers":[{"name":"fitz5264","email":""}],"time":{"modified":"2023-03-20T08:13:44.000Z","created":"2022-06-30T13:37:10.586Z","0.6.0":"2022-06-30T13:37:10.586Z"},"users":{},"author":{"name":"Nikita Vasilyev","email":"me@elv1s.ru"},"repository":{"type":"git","url":"git+https://github.com/rrweb-io/CSSOM.git"},"versions":{"0.6.0":{"name":"rrweb-cssom","description":"CSS Object Model implementation and CSS parser","keywords":["CSS","CSSOM","parser","styleSheet"],"version":"0.6.0","author":{"name":"Nikita Vasilyev","email":"me@elv1s.ru"},"repository":{"type":"git","url":"git+https://github.com/rrweb-io/CSSOM.git"},"main":"./lib/index.js","license":"MIT","gitHead":"9fa4edc7f99a2ab6f2a5fa9447d2f2cefc5faa7e","bugs":{"url":"https://github.com/rrweb-io/CSSOM/issues"},"homepage":"https://github.com/rrweb-io/CSSOM#readme","_id":"rrweb-cssom@0.6.0","_nodeVersion":"16.15.0","_npmVersion":"8.13.2","dist":{"shasum":"ed298055b97cbddcdeb278f904857629dec5e0e1","size":12270,"noattachment":false,"key":"/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz","tarball":"http://name.csiicloud.com:7001/rrweb-cssom/download/rrweb-cssom-0.6.0.tgz"},"_npmUser":{"name":"fitz5264","email":"294889365@qq.com"},"directories":{},"maintainers":[{"name":"fitz5264","email":""}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rrweb-cssom_0.6.0_1656596230449_0.5949170759980786"},"_hasShrinkwrap":false,"_cnpmcore_publish_time":"2022-06-30T22:22:32.402Z","publish_time":1656596230586,"_cnpm_publish_time":1656596230586}},"readme":"# CSSOM\n\nCSSOM.js is a CSS parser written in pure JavaScript. It is also a partial implementation of [CSS Object Model](http://dev.w3.org/csswg/cssom/). \n\n    CSSOM.parse(\"body {color: black}\")\n    -> {\n      cssRules: [\n        {\n          selectorText: \"body\",\n          style: {\n            0: \"color\",\n            color: \"black\",\n            length: 1\n          }\n        }\n      ]\n    }\n\n\n## [Parser demo](http://nv.github.com/CSSOM/docs/parse.html)\n\nWorks well in Google Chrome 6+, Safari 5+, Firefox 3.6+, Opera 10.63+.\nDoesn't work in IE < 9 because of unsupported getters/setters.\n\nTo use CSSOM.js in the browser you might want to build a one-file version that exposes a single `CSSOM` global variable:\n\n    ➤ git clone https://github.com/NV/CSSOM.git\n    ➤ cd CSSOM\n    ➤ node build.js\n    build/CSSOM.js is done\n\nTo use it with Node.js or any other CommonJS loader:\n\n    ➤ npm install cssom\n\n## Don’t use it if...\n\nYou parse CSS to mungle, minify or reformat code like this:\n\n```css\ndiv {\n  background: gray;\n  background: linear-gradient(to bottom, white 0%, black 100%);\n}\n```\n\nThis pattern is often used to give browsers that don’t understand linear gradients a fallback solution (e.g. gray color in the example).\nIn CSSOM, `background: gray` [gets overwritten](http://nv.github.io/CSSOM/docs/parse.html#css=div%20%7B%0A%20%20%20%20%20%20background%3A%20gray%3B%0A%20%20%20%20background%3A%20linear-gradient(to%20bottom%2C%20white%200%25%2C%20black%20100%25)%3B%0A%7D).\nIt does **NOT** get preserved.\n\nIf you do CSS mungling, minification, or image inlining, considere using one of the following:\n\n  * [postcss](https://github.com/postcss/postcss)\n  * [reworkcss/css](https://github.com/reworkcss/css)\n  * [csso](https://github.com/css/csso)\n  * [mensch](https://github.com/brettstimmerman/mensch)\n\n\n## [Tests](http://nv.github.com/CSSOM/spec/)\n\nTo run tests locally:\n\n    ➤ git submodule init\n    ➤ git submodule update\n\n\n## [Who uses CSSOM.js](https://github.com/NV/CSSOM/wiki/Who-uses-CSSOM.js)\n","_attachments":{},"homepage":"https://github.com/rrweb-io/CSSOM#readme","bugs":{"url":"https://github.com/rrweb-io/CSSOM/issues"},"license":"MIT"}