@@ -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;
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