8000 [cssom*] Make 'at risk' annotations visible · xfq/csswg-drafts@d26ce01 · GitHub
Skip to content

Commit d26ce01

Browse files
author
Simon Pieters
committed
[cssom*] Make 'at risk' annotations visible
1 parent 9067714 commit d26ce01

6 files changed

Lines changed: 34 additions & 30 deletions

File tree

‎cssom-values/Overview.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,9 @@
1717
dl.switch > dt:before { content:'\21AA'; padding:0 0.5em 0 0; display:inline-block; width:1em; text-align:right; line-height:0.5em }
1818
code { color:orangered }
1919
code :link, code :visited { color:inherit }
20+
span:not(.secno) { border-bottom:solid red }
21+
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
22+
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2023
</style>
2124
<link href="https://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet">
2225
</head>

‎cssom-values/Overview.src.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@
1919
dl.switch > dt:before { content:'\21AA'; padding:0 0.5em 0 0; display:inline-block; width:1em; text-align:right; line-height:0.5em }
2020
code { color:orangered }
2121
code :link, code :visited { color:inherit }
22+
span:not(.secno) { border-bottom:solid red }
23+
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
24+
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2225
</style>
2326
<link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/W3C-[STATUS]">
2427
</head>

‎cssom-view/Overview.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,9 @@
1717
dl.switch > dt:before { content:'\21AA'; padding:0 0.5em 0 0; display:inline-block; width:1em; text-align:right; line-height:0.5em }
1818
code { color:orangered }
1919
code :link, code :visited { color:inherit }
20+
span:not(.secno) { border-bottom:solid red }
21+
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
22+
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2023
</style>
2124
<link href="https://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet">
2225
</head>

‎cssom-view/Overview.src.html‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,9 @@
1919
dl.switch > dt:before { content:'\21AA'; padding:0 0.5em 0 0; display:inline-block; width:1em; text-align:right; line-height:0.5em }
2020
code { color:orangered }
2121
code :link, code :visited { color:inherit }
22+
span:not(.secno) { border-bottom:solid red }
23+
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
24+
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2225
</style>
2326
<link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/W3C-[STATUS]">
2427
</head>

‎cssom/Overview.html‎

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,8 @@
1818
code { color:orangered }
1919
code :link, code :visited { color:inherit }
2020
span:not(.secno) { border-bottom:solid red }
21+
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
22+
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2123
</style>
2224
<link href="https://www.w3.org/StyleSheets/TR/W3C-ED" rel="stylesheet">
2325
</head>
@@ -2699,32 +2701,28 @@ <h3 id="the-getstyleutils-interface"><span class="secno">7.3 </span>The <code ti
26992701
readonly attribute <a href="#cssstyledeclaration">CSSStyleDeclaration</a> <a href="#dom-getstyleutils-usedstyle" title="dom-GetStyleUtils-usedStyle">usedStyle</a>;
27002702
};</pre>
27012703

2702-
<!--ATRISK-->
2703-
<p>The <dfn id="dom-getstyleutils-specifiedstyle" title="dom-GetStyleUtils-specifiedStyle"><code>specifiedStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with the
2704-
<a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
2704+
<p class="atrisk">The <dfn id="dom-getstyleutils-specifiedstyle" title="dom-GetStyleUtils-specifiedStyle"><code>specifiedStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a>
2705+
with the <a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
27052706
<a href="#concept-css-declaration-block-declarations" title="concept-css-declaration-block-declarations">declarations</a> set to all properties
27062707
the user agent supports with the value being the <a href="#specified-value">specified value</a>
27072708
computed for the <a class="external" href="http://dom.spec.whatwg.org/#context-object">context object</a> using the style rules associated
27082709
with the <a class="external" href="http://dom.spec.whatwg.org/#context-object">context object</a>'s <a href="#associated-document">associated document</a>.</p>
27092710

2710-
<!--ATRISK-->
2711-
<p>The <dfn id="dom-getstyleutils-defaultstyle" title="dom-GetStyleUtils-defaultStyle"><code>defaultStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with the
2712-
<a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
2711+
<p class="atrisk">The <dfn id="dom-getstyleutils-defaultstyle" title="dom-GetStyleUtils-defaultStyle"><code>defaultStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with
2712+
the <a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
27132713
<a href="#concept-css-declaration-block-declarations" title="concept-css-declaration-block-declarations">declarations</a> set to all properties the user agent supports with the value being the <a href="#computed-value">computed
27142714
value</a> computed for the <a class="external" href="http://dom.spec.whatwg.org/#context-object">context object</a> using the user agent-level style rules and user-level style rules associated with
27152715
the <a class="external" href="http://dom.spec.whatwg.org/#context-object">context object</a>'s <a href="#associated-document">associated document</a>, ignoring transitions, animations, author-level style
27162716
rules, author-level presentational hints and override-level style rules.</p>
27172717

2718-
<!--ATRISK-->
2719-
<p>The <dfn id="dom-getstyleutils-computedstyle" title="dom-GetStyleUtils-computedStyle"><code>computedStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with the
2720-
<a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
2718+
<p class="atrisk">The <dfn id="dom-getstyleutils-computedstyle" title="dom-GetStyleUtils-computedStyle"><code>computedStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with
2719+
the <a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
27212720
<a href="#concept-css-declaration-block-declarations" title="concept-css-declaration-block-declarations">declarations</a> set to all properties
27222721
the user agent supports with the value being the <a href="#computed-value">computed value</a>
27232722
computed for the <a class="external" href="http://dom.spec.whatwg.org/#context-object">context object</a> using the style rules associated
27242723
with the <a class="external" href="http://dom.spec.whatwg.org/#context-object">context object</a>'s <a href="#associated-document">associated document</a>.</p>
27252724

2726-
<!--ATRISK-->
2727-
<p>The <dfn id="dom-getstyleutils-usedstyle" title="dom-GetStyleUtils-usedStyle"><code>usedStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with the
2725+
<p class="atrisk">The <dfn id="dom-getstyleutils-usedstyle" title="dom-GetStyleUtils-usedStyle"><code>usedStyle</code></dfn> attribute must return a <a href="#css-declaration-block">CSS declaration block</a> with the
27282726
<a href="#concept-css-declaration-block-readonly-flag" title="concept-css-declaration-block-readonly-flag">readonly flag</a> set and the
27292727
<a href="#concept-css-declaration-block-declarations" title="concept-css-declaration-block-declarations">declarations</a> set to all properties
27302728
the user agent supports with the value being the <a href="#used-value">used value</a>
@@ -2741,8 +2739,7 @@ <h3 id="extensions-to-the-element-interface"><span class="secno">7.4 </span>Exte
27412739

27422740
<a class="external" href="http://dom.spec.whatwg.org/#element">Element</a> implements <a href="#getstyleutils">GetStyleUtils</a>;</pre>
27432741

2744-
<!--ATRISK-->
2745-
<p>The <dfn id="dom-element-pseudo" title="dom-Element-pseudo"><code>pseudo(<var title="">pseudoElt</var>)</code></dfn> method, when invoked, must run the following steps:
2742+
<p class="atrisk">The <dfn id="dom-element-pseudo" title="dom-Element-pseudo"><code>pseudo(<var title="">pseudoElt</var 1881 >)</code></dfn> method, when invoked, must run the following steps:
27462743
<ol>
27472744
<li><p>If <var title="">pseudoElt</var> is as an <a class="external" href="http://dom.spec.whatwg.org/#ascii-case-insensitive">ASCII case-insensitive</a> match for either '<code title="">:before</code>' or
27482745
'<code title="">::before</code>' return the <code><a href="#pseudoelement">PseudoElement</a></code> representing the <a href="#x::before-pseudo-element">::before pseudo-element</a> of the
@@ -2759,8 +2756,7 @@ <h3 id="extensions-to-the-element-interface"><span class="secno">7.4 </span>Exte
27592756

27602757
<h3 id="the-pseudoelement-interface"><span class="secno">7.5 </span>The <code title="">PseudoElement</code> Interface</h3>
27612758

2762-
<!--ATRISK-->
2763-
<p>The <code><a href="#pseudoelement">PseudoElement</a></code> interface is used for representing CSS pseudo-elements. A <code><a href="#pseudoelement">PseudoElement</a></code> object is associated with an
2759+
<p class="atrisk">The <code><a href="#pseudoelement">PseudoElement</a></code> interface is used for representing CSS pseudo-elements. A <code><a href="#pseudoelement">PseudoElement</a></code> object is associated with an
27642760
<code class="external"><a href="http://dom.spec.whatwg.org/#element">Element</a></code> object.</p>
27652761

27662762
<pre class="idl">interface <dfn id="pseudoelement">PseudoElement</dfn> {

‎cssom/Overview.src.html‎

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,8 @@
2020
code { color:orangered }
2121
code :link, code :visited { color:inherit }
2222
span:not(.secno) { border-bottom:solid red }
23+
.atrisk::before { position:absolute; left:30px; margin-top:-8px; width:25px; height:25px; padding:0 4px 8px; border:1px solid; content:'At risk';
24+
font-size:smaller; background:white; color:gray; border-radius:25px; text-align:center }
2325
</style>
2426
<link rel="stylesheet" href="https://www.w3.org/StyleSheets/TR/W3C-[STATUS]">
2527
</head>
@@ -2630,32 +2632,28 @@ <h3>The <code title>GetStyleUtils</code> Interface</h3>
26302632
readonly attribute <span>CSSStyleDeclaration</span> <span title=dom-GetStyleUtils-usedStyle>usedStyle</span>;
26312633
};</pre>
26322634

2633-
<!--ATRISK-->
2634-
<p>The <dfn title=dom-GetStyleUtils-specifiedStyle><code>specifiedStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with the
2635-
<span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
2635+
<p class=atrisk>The <dfn title=dom-GetStyleUtils-specifiedStyle><code>specifiedStyle</code></dfn> attribute must return a <span>CSS declaration block</span>
2636+
with the <span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
26362637
<span title=concept-css-declaration-block-declarations>declarations</span> set to all properties
26372638
the user agent supports with the value being the <span>specified value</span>
26382639
computed for the <span data-anolis-spec=dom>context object</span> using the style rules associated
26392640
with the <span data-anolis-spec=dom>context object</span>'s <span>associated document</span>.</p>
26402641

2641-
<!--ATRISK-->
2642-
<p>The <dfn title=dom-GetStyleUtils-defaultStyle><code>defaultStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with the
2643-
<span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
2642+
<p class=atrisk>The <dfn title=dom-GetStyleUtils-defaultStyle><code>defaultStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with
2643+
the <span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
26442644
<span title=concept-css-declaration-block-declarations>declarations</span> set to all properties the user agent supports with the value being the <span>computed
26452645
value</span> computed for the <span data-anolis-spec=dom>context object</span> using the user agent-level style rules and user-level style rules associated with
26462646
the <span data-anolis-spec=dom>context object</span>'s <span>associated document</span>, ignoring transitions, animations, author-level style
26472647
rules, author-level presentational hints and override-level style rules.</p>
26482648

2649-
<!--ATRISK-->
2650-
<p>The <dfn title=dom-GetStyleUtils-computedStyle><code>computedStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with the
2651-
<span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
2649+
<p class=atrisk>The <dfn title=dom-GetStyleUtils-computedStyle><code>computedStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with
2650+
the <span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
26522651
<span title=concept-css-declaration-block-declarations>declarations</span> set to all properties
26532652
the user agent supports with the value being the <span>computed value</span>
26542653
computed for the <span data-anolis-spec=dom>context object</span> using the style rules associated
26552654
with the <span data-anolis-spec=dom>context object</span>'s <span>associated document</span>.</p>
26562655

2657-
<!--ATRISK-->
2658-
<p>The <dfn title=dom-GetStyleUtils-usedStyle><code>usedStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with the
2656+
<p class=atrisk>The <dfn title=dom-GetStyleUtils-usedStyle><code>usedStyle</code></dfn> attribute must return a <span>CSS declaration block</span> with the
26592657
<span title=concept-css-declaration-block-readonly-flag>readonly flag</span> set and the
26602658
<span title=concept-css-declaration-block-declarations>declarations</span> set to all properties
26612659
the user agent supports with the value being the <span>used value</span>
@@ -2672,8 +2670,7 @@ <h3>Extensions to the <code title>Element</code> Interface</h3>
26722670

26732671
<span data-anolis-spec=dom>Element</span> implements <span>GetStyleUtils</span>;</pre>
26742672

2675-
<!--ATRISK-->
2676-
<p>The <dfn title=dom-Element-pseudo><code>pseudo(<var title>pseudoElt</var>)</code></dfn> method, when invoked, must run the following steps:
2673+
<p class=atrisk>The <dfn title=dom-Element-pseudo><code>pseudo(<var title>pseudoElt</var>)</code></dfn> method, when invoked, must run the following steps:
26772674
<ol>
26782675
<li><p>If <var title>pseudoElt</var> is as an <span data-anolis-spec=dom>ASCII case-insensitive</span> match for either '<code title>:before</code>' or
26792676
'<code title>::before</code>' return the <code>PseudoElement</code> representing the <span>::before pseudo-element</span> of the
@@ -2690,8 +2687,7 @@ <h3>Extensions to the <code title>Element</code> Interface</h3>
26902687

26912688
<h3>The <code title>PseudoElement</code> Interface</h3>
26922689

2693-
<!--ATRISK-->
2694-
<p>The <code>PseudoElement</code> interface is used for representing CSS pseudo-elements. A <code>PseudoElement</code> object is associated with an
2690+
<p class=atrisk>The <code>PseudoElement</code> interface is used for representing CSS pseudo-elements. A <code< 4C38 /span>>PseudoElement</code> object is associated with an
26952691
<code data-anolis-spec=dom>Element</code> object.</p>
26962692

26972693
<pre class=idl>interface <dfn>PseudoElement</dfn> {

0 commit comments

Comments
 (0)