Skip to content

Commit cf8bdea

Browse files
committed
[css-transitions-2] Fix misplaced heading
1 parent fd55bfb commit cf8bdea

File tree

2 files changed

+25
-22
lines changed

2 files changed

+25
-22
lines changed

css-transitions-2/Overview.bs

+3-3
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,6 @@ spec:css-transitions-1; type:value; text:all
3232
Once the Level 1 specification is closer to complete, it will be merged
3333
with the additions here into a complete level 2 specification.</p>
3434

35-
<h2 id="transition-events"><span id="transition-events-">Transition Events</span></h2>
36-
3735
# Starting of transitions # {#starting}
3836

3937
Associated with each top-level browsing context is a <dfn>current transition
@@ -127,7 +125,9 @@ Transitions created using the {{CSSTransition()}} constructor are appended
127125
to the <a>global animation list</a> at the moment they are constructed.
128126
-->
129127

130-
<h3 id="transition-event-types">Types of <code>TransitionEvent</code></h3>
128+
# Transition Events # {#transition-events}
129+
130+
## Types of <code>TransitionEvent</code> ## {#transition-event-types}
131131

132132
<p>The <em>additional</em> types of transition events that can occur are:</p>
133133

css-transitions-2/Overview.html

+22-19
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
<div class="head">
5555
<p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a> </p>
5656
<h1 class="p-name no-ref" id="title">CSS Transitions Level 2</h1>
57-
<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-09-29">29 September 2015</time></span></h2>
57+
<h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-09-30">30 September 2015</time></span></h2>
5858
<div data-fill-with="spec-metadata">
5959
<dl>
6060
<dt>This version:
@@ -106,14 +106,17 @@ <h2 class="no-num no-toc no-ref heading settled" id="contents"><span class="cont
106106
<div data-fill-with="table-of-contents" role="navigation">
107107
<ul class="toc" role="directory">
108108
<li><a href="#delta"><span class="secno">1</span> <span class="content">Delta specification</span></a>
109-
<li><a href="#transition-events"><span class="secno">2</span> <span class="content"><span>Transition Events</span></span></a>
110109
<li>
111-
<a href="#starting"><span class="secno">3</span> <span class="content">Starting of transitions</span></a>
110+
<a href="#starting"><span class="secno">2</span> <span class="content">Starting of transitions</span></a>
112111
<ul class="toc">
113-
<li><a href="#transition-property-name"><span class="secno">3.1</span> <span class="content">The transition property name</span></a>
114-
<li><a href="#owning-element-section"><span class="secno">3.2</span> <span class="content">Owning element</span></a>
115-
<li><a href="#animation-composite-order"><span class="secno">3.3</span> <span class="content">Animation composite order</span></a>
116-
<li><a href="#transition-event-types"><span class="secno">3.4</span> <span class="content">Types of <code>TransitionEvent</code></span></a>
112+
<li><a href="#transition-property-name"><span class="secno">2.1</span> <span class="content">The transition property name</span></a>
113+
<li><a href="#owning-element-section"><span class="secno">2.2</span> <span class="content">Owning element</span></a>
114+
<li><a href="#animation-composite-order"><span class="secno">2.3</span> <span class="content">Animation composite order</span></a>
115+
</ul>
116+
<li>
117+
<a href="#transition-events"><span class="secno">3</span> <span class="content">Transition Events</span></a>
118+
<ul class="toc">
119+
<li><a href="#transition-event-types"><span class="secno">3.1</span> <span class="content">Types of <code>TransitionEvent</code></span></a>
117120
</ul>
118121
<li><a href="#issues-common"><span class="secno">4</span> <span class="content">Issues commonly raised as issues with previous levels</span></a>
119122
<li><a href="#issues-spec"><span class="secno">5</span> <span class="content">Issues deferred from previous levels of the spec</span></a>
@@ -146,19 +149,18 @@ <h2 class="heading settled" data-level="1" id="delta"><span class="secno">1. </s
146149
only the differences from CSS Transitions Level 1 <a data-link-type="biblio" href="#biblio-css3-transitions">[CSS3-TRANSITIONS]</a>.
147150
Once the Level 1 specification is closer to complete, it will be merged
148151
with the additions here into a complete level 2 specification.</p>
149-
<h2 class="heading settled" data-level="2" id="transition-events"><span class="secno">2. </span><span class="content"><span id="transition-events-">Transition Events</span></span><a class="self-link" href="#transition-events"></a></h2>
150-
<h2 class="heading settled" data-level="3" id="starting"><span class="secno">3. </span><span class="content">Starting of transitions</span><a class="self-link" href="#starting"></a></h2>
152+
<h2 class="heading settled" data-level="2" id="starting"><span class="secno">2. </span><span class="content">Starting of transitions</span><a class="self-link" href="#starting"></a></h2>
151153
<p>Associated with each top-level browsing context is a <dfn data-dfn-type="dfn" data-noexport="" id="current-transition-generation">current transition
152154
generation<a class="self-link" href="#current-transition-generation"></a></dfn> that is incremented on each <a data-link-type="dfn" href="https://drafts.csswg.org/css-transitions-1/#style-change-event">style change event</a>.</p>
153155
<p>Each time a new transition is generated, the current value of the (already
154156
incremented) <a data-link-type="dfn" href="#current-transition-generation">current transition generation</a> is stored as the
155157
transition’s <dfn data-dfn-type="dfn" data-noexport="" id="transition-generation">transition generation<a class="self-link" href="#transition-generation"></a></dfn>.</p>
156-
<h3 class="heading settled" data-level="3.1" id="transition-property-name"><span class="secno">3.1. </span><span class="content">The transition property name</span><a class="self-link" href="#transition-property-name"></a></h3>
158+
<h3 class="heading settled" data-level="2.1" id="transition-property-name"><span class="secno">2.1. </span><span class="content">The transition property name</span><a class="self-link" href="#transition-property-name"></a></h3>
157159
<p>Although the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-property">transition-property</a> may specify shorthand properties and the <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-transitions-1/#valdef-transition-property-all">all</a> keyword, individual transitions are generated for each longhand
158160
sub-property that is animatable. The <dfn data-dfn-type="dfn" data-noexport="" id="expanded-transition-property-name">expanded transition property
159161
name<a class="self-link" href="#expanded-transition-property-name"></a></dfn> of a transition is the name of the longhand sub-property for which
160162
the transition was generated (e.g. <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-backgrounds-3/#border-left-width">border-left-width</a>).</p>
161-
<h3 class="heading settled" data-level="3.2" id="owning-element-section"><span class="secno">3.2. </span><span class="content">Owning element</span><a class="self-link" href="#owning-element-section"></a></h3>
163+
<h3 class="heading settled" data-level="2.2" id="owning-element-section"><span class="secno">2.2. </span><span class="content">Owning element</span><a class="self-link" href="#owning-element-section"></a></h3>
162164
<p>The <dfn data-dfn-type="dfn" data-noexport="" id="owning-element">owning element<a class="self-link" href="#owning-element"></a></dfn> of a transition refers to the element or
163165
pseudo-element to which the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-transitions-1/#propdef-transition-property">transition-property</a> property was applied that
164166
generated the animation.</p>
@@ -172,7 +174,7 @@ <h3 class="heading settled" data-level="3.2" id="owning-element-section"><span c
172174
<p class="issue" id="issue-bdbc8bc0"><a class="self-link" href="#issue-bdbc8bc0"></a> Define the above more precisely once we rewrite firing of transitions
173175
in terms of Web Animations concepts (specifically when we spell out when we
174176
cancel an animation).</p>
175-
<h3 class="heading settled" data-level="3.3" id="animation-composite-order"><span class="secno">3.3. </span><span class="content">Animation composite order</span><a class="self-link" href="#animation-composite-order"></a></h3>
177+
<h3 class="heading settled" data-level="2.3" id="animation-composite-order"><span class="secno">2.3. </span><span class="content">Animation composite order</span><a class="self-link" href="#animation-composite-order"></a></h3>
176178
<p><a data-link-type="dfn" href="https://w3c.github.io/web-animations/#animation">Animations</a> generated from the markup defined in
177179
this specification have an <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#animation-type">animation type</a> of
178180
‘CSS Transition’.</p>
@@ -218,7 +220,8 @@ <h3 class="heading settled" data-level="3.3" id="animation-composite-order"><spa
218220
composite order.</p>
219221
<p class="note" role="note">Note, this behavior relies on the fact that disassociating a transition
220222
from its <a data-link-type="dfn" href="#owning-element">owning element</a> always causes it to enter (or remain) in the <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#idle-play-state">idle play state</a>.</p>
221-
<h3 class="heading settled" data-level="3.4" id="transition-event-types"><span class="secno">3.4. </span><span class="content">Types of <code>TransitionEvent</code></span><a class="self-link" href="#transition-event-types"></a></h3>
223+
<h2 class="heading settled" data-level="3" id="transition-events"><span class="secno">3. </span><span class="content">Transition Events</span><a class="self-link" href="#transition-events"></a></h2>
224+
<h3 class="heading settled" data-level="3.1" id="transition-event-types"><span class="secno">3.1. </span><span class="content">Types of <code>TransitionEvent</code></span><a class="self-link" href="#transition-event-types"></a></h3>
222225
<p>The <em>additional</em> types of transition events that can occur are:</p>
223226
<dl>
224227
<dt><dfn class="idl-code" data-dfn-for="transitionevent" data-dfn-type="event" data-export="" id="dom-transitionevent-transitionstart">transitionstart<a class="self-link" href="#dom-transitionevent-transitionstart"></a></dfn>
@@ -363,13 +366,13 @@ <h2 class="no-num heading settled" id="index"><span class="content">Index</span>
363366
<h3 class="no-num heading settled" id="index-defined-here"><span class="content">Terms defined by this specification</span><a class="self-link" href="#index-defined-here"></a></h3>
364367
<ul class="indexlist">
365368
<li><a href="#current-transition-generation">current transition
366-
generation</a><span>, in §3</span>
369+
generation</a><span>, in §2</span>
367370
<li><a href="#expanded-transition-property-name">expanded transition property
368-
name</a><span>, in §3.1</span>
369-
<li><a href="#owning-element">owning element</a><span>, in §3.2</span>
370-
<li><a href="#dom-transitionevent-transitioncancel">transitioncancel</a><span>, in §3.4</span>
371-
<li><a href="#transition-generation">transition generation</a><span>, in §3</span>
372-
<li><a href="#dom-transitionevent-transitionstart">transitionstart</a><span>, in §3.4</span>
371+
name</a><span>, in §2.1</span>
372+
<li><a href="#owning-element">owning element</a><span>, in §2.2</span>
373+
<li><a href="#dom-transitionevent-transitioncancel">transitioncancel</a><span>, in §3.1</span>
374+
<li><a href="#transition-generation">transition generation</a><span>, in §2</span>
375+
<li><a href="#dom-transitionevent-transitionstart">transitionstart</a><span>, in §3.1</span>
373376
</ul>
374377
<h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="content">Terms defined by reference</span><a class="self-link" href="#index-defined-elsewhere"></a></h3>
375378
<ul class="indexlist">

0 commit comments

Comments
 (0)