Files
eepp/bin/unit_tests/assets/html/lobsters_item.html
Martín Lucas Golini 95d0a8881a Fix CSS var resolution during style application
Resolve CSS variable values at the points where properties are applied,
inherited, propagated, and used to seed transitions. This prevents raw
var() values from leaking into widget state or transition start/end
values when style attributes, inherited properties, or state-dependent
rules are involved.

Also refresh style definitions when widgets load so selector-dependent
rules are evaluated with the final widget context, and add regression
coverage for inline style vars, inherited vars, parent-state child rules,
tab close opacity, and foreground tint transitions.
2026-07-08 20:48:27 -03:00

163 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html lang=en>
<head>
<title>Lobsters</title>
<style>
:root {
--font-size-default: 1rem;
--font-size-tags: 0.66rem;
--base-light: 255 255 255;
--base-shadow: 0 0 0;
--comment-controls-height: 1.2lh;
--input-outline-width: 2px;
--color-fg: black;
--color-fg-link: black;
}
html {
font-size: var(--font-size-default);
}
body > * {
font-family: arial, sans-serif;
color: var(--color-fg);
line-height: 1.45em
}
body {
margin: 0 auto;
padding-bottom: 2em
}
a {
color: var(--color-fg-link);
cursor: pointer;
}
summary {
cursor: pointer
}
ol.stories {
padding: 0;
list-style: none;
margin: 0
}
li.story {
clear: both
}
li div.details {
padding-top: 0.1em
}
li .link {
font-weight: bold;
vertical-align: middle
}
li .link a {
text-decoration: none
}
li.story .description_present {
padding-left: 0.25em;
text-decoration: none;
vertical-align: middle
}
li.story a.tag {
vertical-align: middle
}
li .tags {
margin-right: 0.25em
}
li .domain {
font-style: italic;
text-decoration: none;
vertical-align: middle
}
.caches {
display: inline-block;
position: relative
}
.caches summary {
list-style: none
}
.caches ul {
position: absolute;
border: 1px solid var(--color-box-border);
white-space: nowrap;
list-style: none;
padding: 0;
z-index: 1
}
.caches li {
border-bottom: 1px solid var(--color-box-border)
}
.caches li:last-child {
border-bottom: 0
}
.caches a {
text-decoration: none;
display: block;
padding: 3px 7px
}
.caches a:hover {
text-decoration: underline
}
</style>
</head>
<body data-username data-now-unix=1778970488>
<div id=inside>
<ol class="stories list">
<li id=story_4g74mw data-shortid=4g74mw class=story>
<div class="story_liner h-entry">
<div class=details>
<div class=byline>
<span> via </span>
<a class="u-author h-card" href=https://lobste.rs/~jbauer>jbauer</a>
<time title="2026-05-16 04:45:51" datetime="2026-05-16 04:45:51" data-at-unix=1778924751>12
hours ago</time>
<span aria-hidden=true> | </span>
<details class=caches name=caches>
<summary>caches</summary>
<ul>
<li><a
href=https://web.archive.org/web/3/https%3A%2F%2Fratfactor.com%2Fascetic-computing>Archive.org</a>
</li>
<li><a
href="https://ghostarchive.org/search?term=https%3A%2F%2Fratfactor.com%2Fascetic-computing">Ghostarchive</a>
</li>
</ul>
</details>
<span class=comments_label>
<span aria-hidden=true> | </span>
<a role=heading aria-level=2 href=https://lobste.rs/s/4g74mw/ascetic_computing>
10 comments
</a>
</span>
</div>
</div>
</div>
<a href=https://lobste.rs/s/4g74mw/ascetic_computing class=mobile_comments style=display:none>
</a>
</li>
</ol>
</div>
</body>
</html>