diff --git a/css-view-transitions-1/Overview.bs b/css-view-transitions-1/Overview.bs index 42af18919ad..0c78c2f4ff5 100644 --- a/css-view-transitions-1/Overview.bs +++ b/css-view-transitions-1/Overview.bs @@ -26,14 +26,18 @@ spec:webidl; type:interface; text:Promise spec:css-images-4; type:function; text:element() spec:dom; type:dfn; text:document spec:css-2022; type:dfn; text:style sheet +spec:selectors-4; type:dfn; text:type selector +spec:css-box-4; type:dfn; text:border box +spec:css-display-3; type:dfn; + text:containing block + text:replaced element +spec:css-cascade-5; type:dfn; text:computed value
 urlPrefix: https://wicg.github.io/navigation-api/; type: interface;
 	text: NavigateEvent
 	text: signal; for: NavigateEvent; url: #ref-for-dom-navigateevent-signalâ‘ 
-urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
-	text: HTML user agent style sheet; url: #the-css-user-agent-style-sheet-and-presentational-hints
 
@@ -176,7 +180,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
- +

@@ -495,7 +499,11 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; # User-agent styles # {#ua-styles} - The following is added to the [=HTML user agent style sheet=]: + The global view transition user agent style sheet is a style sheet in the [=user-agent origin=], used in all namespaces. + + Issue: [CSS needs a central place for an "all namespaces" style sheet](https://github.com/w3c/csswg-drafts/issues/8573). + + It contains the following: ```css @keyframes -ua-view-transition-fade-out { @@ -506,13 +514,13 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; from { opacity: 0; } } - html { + :root { view-transition-name: root; } ```

- There are further additions to the [=HTML user agent style sheet=] defined in [[#view-transition-pseudos]] for each pseudo-element, + There are further additions to the [=global view transition user agent style sheet=] defined in [[#view-transition-pseudos]] for each pseudo-element, and other styles are added at runtime via the [=document=]'s [=document/view transition style sheet=].
@@ -595,10 +603,10 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; Its [=containing block=] is the [=snapshot root=]. - The following is added to the [=HTML user agent style sheet=]: + The following is added to the [=global view transition user agent style sheet=]: ```css - html::view-transition { + :root::view-transition { position: fixed; inset: 0; } @@ -631,10 +639,10 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; It is selected from its [=ultimate originating element=], the [=document element=]. - The following is added to the [=HTML user agent style sheet=]: + The following is added to the [=global view transition user agent style sheet=]: ```css - html::view-transition-group(*) { + :root::view-transition-group(*) { position: absolute; top: 0; left: 0; @@ -659,10 +667,10 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; It is selected from its [=ultimate originating element=], the [=document element=]. - The following is added to the [=HTML user agent style sheet=]: + The following is added to the [=global view transition user agent style sheet=]: ```css - html::view-transition-image-pair(*) { + :root::view-transition-image-pair(*) { position: absolute; inset: 0; @@ -698,10 +706,10 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; Note: The image content is captured in [=capture the image=], then set and updated in [=setup transition pseudo-elements=] and [=update pseudo-element styles=]. - The following is added to the [=HTML user agent style sheet=]: + The following is added to the [=global view transition user agent style sheet=]: ```css - html::view-transition-old(*) { + :root::view-transition-old(*) { position: absolute; inset-block-start: 0; inline-size: 100%; @@ -721,10 +729,10 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; ### ::view-transition-new( <> ) Identical to ''::view-transition-old()'', - except the following styles added to the [=HTML user agent style sheet=]: + except the following styles added to the [=global view transition user agent style sheet=]: ```css - html::view-transition-old(*) { + :root::view-transition-old(*) { position: absolute; inset-block-start: 0; inline-size: 100%; @@ -866,7 +874,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn; : view transition style sheet :: a [=/style sheet=]. - Initially a new [=/style sheet=] in the [=user-agent origin=], ordered after the [=HTML user agent style sheet=]. + Initially a new [=/style sheet=] in the [=user-agent origin=], ordered after the [=global view transition user agent style sheet=]. Note: This is used to hold dynamic styles relating to transitions. @@ -1338,7 +1346,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
-						html::view-transition-old(transitionName) {
+						:root::view-transition-old(transitionName) {
 							object-view-box: oldViewBox;
 						}
 					
@@ -1389,7 +1397,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
-						html::view-transition-group(transitionName) {
+						:root::view-transition-group(transitionName) {
 							animation-name: -ua-view-transition-group-anim-transitionName;
 						}
 					
@@ -1401,7 +1409,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
-						html::view-transition-image-pair(transitionName) {
+						:root::view-transition-image-pair(transitionName) {
 							isolation: isolate;
 						}
 					
@@ -1413,8 +1421,8 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
-						html::view-transition-old(transitionName),
-						html::view-transition-new(transitionName) {
+						:root::view-transition-old(transitionName),
+						:root::view-transition-new(transitionName) {
 							mix-blend-mode: plus-lighter;
 						}
 					
@@ -1675,7 +1683,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
-					html::view-transition-group(transitionName) {
+					:root::view-transition-group(transitionName) {
 						width: width;
 						height: height;
 						transform: transform;
@@ -1704,7 +1712,7 @@ urlPrefix: https://html.spec.whatwg.org/multipage/rendering.html; type: dfn;
 
 					
 					
-						html::view-transition-new(transitionName) {
+						:root::view-transition-new(transitionName) {
 							object-view-box: newViewBox;
 						}
 					
diff --git a/css-view-transitions-1/diagrams/phases/index.html b/css-view-transitions-1/diagrams/phases/phases.html similarity index 100% rename from css-view-transitions-1/diagrams/phases/index.html rename to css-view-transitions-1/diagrams/phases/phases.html