| 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 552 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 563 ``` | 563 ``` |
| 564 | 564 |
| 565 Each frame, at some defined point relative to requestAnimationFrame(), | 565 Each frame, at some defined point relative to requestAnimationFrame(), |
| 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 Cascade | 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 Document, |
| 577 taking into account shadow trees and child distribution, and the tree | 577 taking into account shadow trees and child distribution, and the tree |
| 578 rooted at the document's RenderNode. | 578 rooted at the document'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 |
| (...skipping 477 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 |