Comments (4)
This will be awesome, how do you plan on storing the whitespace?
Will it be possible to serialize specific rulesets, rules etc?
css.cssRules[0].serialize() // => "h1 { \n color: red;\n\n background: blue;\n}"
css.cssRules[0].style[0].serialize() // => "color: red;"
css.cssRules[0].style[0].value.serialize() // => "red"
This combined with a way to determine the index in the original text would be quite powerful. Each rule could contain an integer offset within it's parent, this way you could get a "live" index by summing all the previous sibling offsets and parent offsets:
css.cssRules[0].style[0].index() // => Rule's index within the css text that was parsed
css.cssRules[0].style[0].value.index() // => Value's index within the css text that was parsed
from cssom.
Yes, yes, and yes. I hope to release it on the next weekends.
from cssom.
Excellent! Will the whitespace be stored as separate nodes/objects?
I mentioned in a previous ticket adding support for Less-style nested rules which I can see now doesn't really belong in this project. What would be nice is a way to plug in addition features like this, it there likely to be an API with hooks allowing this kind of thing as I don't really fancy forking the project just for this?
Also lack of older IE support is a bit of an issue in my use case, would you accept a patch with a kind of ieCompat option? It would obviously have to get around getters and setters in another way.
from cssom.
Any news on this? Especially on comments — the CSSOM is used in Stylus' CSS to Stylus convertor and the lack of them in there is bad, 'cause we want them to stay there in the code after conversion :(
from cssom.
Related Issues (20)
- Why @charset rules doesn't appear HOT 1
- Why it can not parse (div span a{color: #789}) into tree nodes? HOT 1
- Can't parse @font-face nested in @media. HOT 3
- Nested media queries HOT 3
- CSSMediaRule should derive from CSSConditionRule HOT 1
- material-ui - JSS issues
- Error: Could not parse CSS stylesheet HOT 4
- parseError on @media print {
- "font-size" not accessible
- Security Policy
- ")" not found when trying to import font with multiple weights HOT 3
- should not remove spaces in calc() function HOT 4
- restore master branch HOT 1
- missing CSS.escape HOT 1
- CSSTransformValue HOT 1
- parse: Unexpected } (line 1, char 43385) HOT 2
- @supports bug HOT 2
- Wrong type for CSSKeyframesRule and CSSKeyframeRule HOT 1
- CSSFontFaceRule is missing from npm package exports HOT 4
- npm package is missing several exports HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cssom.