From 7e11ad8692bee7c753b18c0c4df5b5a89453f4fb Mon Sep 17 00:00:00 2001
From: Chris Mills <chrisdavidmills@gmail.com>
Date: Fri, 12 Apr 2024 17:20:10 +0100
Subject: [PATCH] small best practice updates that came up in the content tech
 review

---
 view-transitions/mpa/styles.css | 3 +--
 view-transitions/spa/style.css  | 9 +++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/view-transitions/mpa/styles.css b/view-transitions/mpa/styles.css
index 13c7689..910dbc4 100644
--- a/view-transitions/mpa/styles.css
+++ b/view-transitions/mpa/styles.css
@@ -36,8 +36,7 @@ p {
 
 /* Customize the default animation behavior */
 
-::view-transition-old(root),
-::view-transition-new(root) {
+::view-transition-group(root) {
     animation-duration: 0.5s;
 }
 
diff --git a/view-transitions/spa/style.css b/view-transitions/spa/style.css
index 412b44a..ce0a733 100644
--- a/view-transitions/spa/style.css
+++ b/view-transitions/spa/style.css
@@ -112,8 +112,7 @@ h1 {
 
 /* View Transitions CSS */
 
-::view-transition-old(root),
-::view-transition-new(root) {
+::view-transition-group(root) {
   animation-duration: 0.5s;
 }
 
@@ -123,8 +122,7 @@ figcaption {
 
 /* Simple final style */
 
-::view-transition-old(figure-caption),
-::view-transition-new(figure-caption) {
+::view-transition-group(figure-caption) {
   height: 100%;
 }
 
@@ -140,8 +138,7 @@ figcaption {
   to { transform: scaleX(0); }
 }
 
-::view-transition-old(figure-caption),
-::view-transition-new(figure-caption) {
+::view-transition-group(figure-caption) {
   height: auto;
   right: 0;
   left: auto;