| OLD | NEW |
| 1 Sky Style Language | 1 Sky Style Language |
| 2 ================== | 2 ================== |
| 3 | 3 |
| 4 Planed changes | 4 Planed changes |
| 5 -------------- | 5 -------------- |
| 6 | 6 |
| 7 Add //-to-end-of-line comments to be consistent with the script | 7 Add //-to-end-of-line comments to be consistent with the script |
| 8 language. | 8 language. |
| 9 | 9 |
| 10 | 10 |
| (...skipping 141 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 152 | 152 |
| 153 ```css | 153 ```css |
| 154 tagname[attrname]#id:host.class.class[attrname=value]::foo | 154 tagname[attrname]#id:host.class.class[attrname=value]::foo |
| 155 ``` | 155 ``` |
| 156 | 156 |
| 157 In debug mode, giving two IDs, or the same selector twice (e.g. the | 157 In debug mode, giving two IDs, or the same selector twice (e.g. the |
| 158 same classname), or specifying other redundant or conflicting | 158 same classname), or specifying other redundant or conflicting |
| 159 selectors (e.g. [foo][foo=bar], or [foo=bar][foo=baz]) will be | 159 selectors (e.g. [foo][foo=bar], or [foo=bar][foo=baz]) will be |
| 160 flagged. | 160 flagged. |
| 161 | 161 |
| 162 Alternatively, a selector can be the special value "@document", | 162 Alternatively, a selector can be the special value "@root", |
| 163 optionally followed by a pseudo-element, as in: | 163 optionally followed by a pseudo-element, as in: |
| 164 | 164 |
| 165 ```css | 165 ```css |
| 166 @document::bar | 166 @root::bar |
| 167 ``` | 167 ``` |
| 168 | 168 |
| 169 | 169 |
| 170 Value Parser | 170 Value Parser |
| 171 ------------ | 171 ------------ |
| 172 | 172 |
| 173 ```javascript | 173 ```javascript |
| 174 class StyleToken { | 174 class StyleToken { |
| 175 constructor (String king, String value); | 175 constructor (String king, String value); |
| 176 readonly attribute String kind; | 176 readonly attribute String kind; |
| (...skipping 389 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 566 if a Rule has started applying, or a Rule stopped applying, to an | 566 if a Rule has started applying, or a Rule stopped applying, to an |
| 567 element, dart:sky calls thatElement.style.clearFrameStyles() and then, | 567 element, dart:sky calls thatElement.style.clearFrameStyles() and then, |
| 568 for each Rule that now applies, calls | 568 for each Rule that now applies, calls |
| 569 thatElement.style.addFrameStyles() with the relevant StyleDeclaration | 569 thatElement.style.addFrameStyles() with the relevant StyleDeclaration |
| 570 and pseudoElement from each such Rule. | 570 and pseudoElement from each such Rule. |
| 571 | 571 |
| 572 | 572 |
| 573 Update the render tree | 573 Update the render tree |
| 574 ---------------------- | 574 ---------------------- |
| 575 | 575 |
| 576 Simultaneously walk the tree rooted at the application Document, | 576 Simultaneously walk the tree rooted at the application's element |
| 577 taking into account shadow trees and child distribution, and the tree | 577 tree's root node, taking into account shadow trees and child |
| 578 rooted at the document's RenderNode. | 578 distribution, and the tree rooted at that Root node's RenderNode. |
| 579 | 579 |
| 580 If you come across a node that doesn't have an assigned RenderNode, | 580 If you come across a node that doesn't have an assigned RenderNode, |
| 581 then create one, placing it in the appropriate place in the RenderTree | 581 then create one, placing it in the appropriate place in the RenderTree |
| 582 tree, after any nodes marked isGhost=true, with ownerLayoutManager | 582 tree, after any nodes marked isGhost=true, with ownerLayoutManager |
| 583 pointing to the parent RenderNode's layoutManager, if it has one, and, | 583 pointing to the parent RenderNode's layoutManager, if it has one, and, |
| 584 if it has one and autoreap is false on that layout manager, mark the | 584 if it has one and autoreap is false on that layout manager, mark the |
| 585 new node "isNew". (This means that when a node is marked isNew, the | 585 new node "isNew". (This means that when a node is marked isNew, the |
| 586 layout manager has already laid out at least one frame.) | 586 layout manager has already laid out at least one frame.) |
| 587 | 587 |
| 588 For each element, if the node's needsManager is true, call | 588 For each element, if the node's needsManager is true, call |
| (...skipping 473 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 1062 ``` | 1062 ``` |
| 1063 | 1063 |
| 1064 The other elements don't have any default styles. | 1064 The other elements don't have any default styles. |
| 1065 | 1065 |
| 1066 These declarations are all shared between all the elements (so e.g. if | 1066 These declarations are all shared between all the elements (so e.g. if |
| 1067 you reach in and change the declaration that was added to a ``span`` | 1067 you reach in and change the declaration that was added to a ``span`` |
| 1068 element, you're going to change the styles of all the other | 1068 element, you're going to change the styles of all the other |
| 1069 default-hidden elements). (In other words, in the code snippets above, | 1069 default-hidden elements). (In other words, in the code snippets above, |
| 1070 the ``d`` variable is initialised in shared code, and only the | 1070 the ``d`` variable is initialised in shared code, and only the |
| 1071 addStyles() call is per-element.) | 1071 addStyles() call is per-element.) |
| OLD | NEW |