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 |