From 13dcdb417d10f99ecce8ab16b1953e55f72ab009 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=9D?= <yisibl@users.noreply.github.com>
Date: Fri, 21 Jun 2024 01:53:45 +0800
Subject: [PATCH] [css-pseudo-4] Simplified example of `::details-content`
 (#10476)

1. By depending on the animation rules defined in
https://drafts.csswg.org/css-contain-3/#content-visibility-animation the
step-end and step-start values are not needed.

2. 2. By depending on the change in
https://github.com/whatwg/html/pull/10265#issuecomment-2145837051
and
whatwg/html@fb3033a
the `display: block` is no longer needed.
---
 css-pseudo-4/Overview.bs | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/css-pseudo-4/Overview.bs b/css-pseudo-4/Overview.bs
index 2e04e87c9d6..cb0497fb9af 100644
--- a/css-pseudo-4/Overview.bs
+++ b/css-pseudo-4/Overview.bs
@@ -1328,14 +1328,12 @@ Expandable contents of details element: the ''::details-content'' pseudo-element
 
     <pre class="lang-css">
 details::details-content {
-  display: block;
   opacity: 0;
-  transition: content-visibility 300ms allow-discrete step-end, opacity 300ms;
+  transition: content-visibility 300ms allow-discrete, opacity 300ms;
 }
 
 details[open]::details-content {
   opacity: 1;
-  transition: content-visibility 300ms allow-discrete step-start, opacity 300ms;
 }</pre>
   </div>