Skip to content

Commit

Permalink
Make sure Anchor Positioning stays replaced
Browse files Browse the repository at this point in the history
  • Loading branch information
tabatkins committed Apr 3, 2023
1 parent 6da5f19 commit a9012af
Show file tree
Hide file tree
Showing 2 changed files with 23 additions and 14 deletions.
2 changes: 1 addition & 1 deletion css-anchor-position/index.bs
Original file line number Diff line number Diff line change
Expand Up @@ -9,4 +9,4 @@ URL: http://tabatkins.github.io/specs/css-anchor-position
Editor: Tab Atkins-Bittner, Google, http://xanthir.com/contact/, w3cid 42199
Abstract: This specification defines 'anchor positioning', where a positioned element can size and position itself relative to one or more "anchor elements" elsewhere on the page.
Warning: replaced by https://drafts.csswg.org/css-anchor-position-1/
</pre>
</pre>
35 changes: 22 additions & 13 deletions css-anchor-position/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,10 @@
<meta content="w3c/UD" name="w3c-status">
<link href="https://www.w3.org/StyleSheets/TR/2021/W3C-UD" rel="stylesheet">
<link href="https://www.w3.org/2008/site/images/favicon.ico" rel="icon">
<meta content="Bikeshed version 2b90baffb, updated Wed Oct 12 14:25:24 2022 -0700" name="generator">
<meta content="Bikeshed version 9578e70ee, updated Fri Mar 24 16:01:15 2023 -0700" name="generator">
<link href="http://tabatkins.github.io/specs/css-anchor-position" rel="canonical">
<meta content="2840324caaedc52c72d6acdf0b9fb0dee0b4794f" name="document-revision">
<meta content="6da5f19318da5ac176f9232231396eccf5482928" name="document-revision">
<style>/* style-autolinks */

.css.css, .property.property, .descriptor.descriptor {
color: var(--a-normal-text);
font-size: inherit;
Expand Down Expand Up @@ -70,7 +69,8 @@

[data-link-type=biblio] {
white-space: pre;
}</style>
}
</style>
<style>/* style-colors */

/* Any --*-text not paired with a --*-bg is assumed to have a transparent bg */
Expand Down Expand Up @@ -179,9 +179,9 @@
--outdated-shadow: red;

--editedrec-bg: darkorange;
}</style>
}
</style>
<style>/* style-counters */

body {
counter-reset: example figure issue;
}
Expand All @@ -208,9 +208,9 @@
}
figcaption:not(.no-marker)::before {
content: "Figure " counter(figure) " ";
}</style>
}
</style>
<style>/* style-issues */

a[href].issue-return {
float: right;
float: inline-end;
Expand All @@ -220,15 +220,15 @@
}
</style>
<style>/* style-md-lists */

/* This is a weird hack for me not yet following the commonmark spec
regarding paragraph and lists. */
[data-md] > :first-child {
margin-top: 0;
}
[data-md] > :last-child {
margin-bottom: 0;
}</style>
}
</style>
<style>/* style-selflinks */

:root {
Expand Down Expand Up @@ -256,6 +256,14 @@
.heading > a.self-link {
font-size: 83%;
}
.example > a.self-link,
.note > a.self-link,
.issue > a.self-link {
/* These blocks are overflow:auto, so positioning outside
doesn't work. */
left: auto;
right: 0;
}
li > a.self-link {
left: calc(-1 * (3.5rem - 26px) - 2em);
}
Expand Down Expand Up @@ -394,6 +402,7 @@
which is quite common in practice... */
img { background: white; }
}

@media (prefers-color-scheme: dark) {
:root {
--selflink-text: black;
Expand All @@ -406,7 +415,7 @@
<div class="head">
<p data-fill-with="logo"><a class="logo" href="https://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/StyleSheets/TR/2021/logos/W3C" width="72"> </a> </p>
<h1 class="p-name no-ref" id="title">CSS Anchor Positioning</h1>
<p id="w3c-state"><a href="https://www.w3.org/standards/types#UD">Unofficial Proposal Draft</a>, <time class="dt-updated" datetime="2022-11-11">11 November 2022</time></p>
<p id="w3c-state"><a href="https://www.w3.org/standards/types#UD">Unofficial Proposal Draft</a>, <time class="dt-updated" datetime="2023-04-03">3 April 2023</time></p>
<details open>
<summary>More details about this document</summary>
<div data-fill-with="spec-metadata">
Expand All @@ -430,7 +439,7 @@ <h1 class="p-name no-ref" id="title">CSS Anchor Positioning</h1>
Do not refer to this specification except as a historical artifact. </p>
</details>
</div>
<p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2022 <a href="https://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="https://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="https://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="https://www.keio.ac.jp/">Keio</a>, <a href="https://ev.buaa.edu.cn/">Beihang</a>). W3C <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
<p class="copyright" data-fill-with="copyright"><a href="https://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2023 <a href="https://www.w3.org/">World Wide Web Consortium</a>. <abbr title="World Wide Web Consortium">W3C</abbr><sup>®</sup> <a href="https://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="https://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document" rel="license">permissive document license</a> rules apply. </p>
<hr title="Separator for header">
</div>
<div class="p-summary" data-fill-with="abstract">
Expand Down Expand Up @@ -494,7 +503,7 @@ <h3 class="no-ref heading settled" id="w3c-conventions"><span class="content"> D
However, for readability, these words do not appear in all uppercase
letters in this specification. </p>
<p>All of the text of this specification is normative except sections
explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119">[RFC2119]</a></p>
explicitly marked as non-normative, examples, and notes. <a data-link-type="biblio" href="#biblio-rfc2119" title="Key words for use in RFCs to Indicate Requirement Levels">[RFC2119]</a></p>
<p>Examples in this specification are introduced with the words “for example”
or are set apart from the normative text with <code>class="example"</code>,
like this: </p>
Expand Down

0 comments on commit a9012af

Please sign in to comment.