mirror of
https://github.com/SpartanJ/eepp.git
synced 2026-07-13 06:22:51 +03:00
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.
163 lines
4.0 KiB
HTML
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>
|