{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreifqymif3636mhkzghqflmtvk4jxyxocybgrkywxhdmverm7kbtmde",
    "uri": "at://did:plc:kmwems6tpvudwvlxisswue6a/app.bsky.feed.post/3moopmuktajn2"
  },
  "path": "/links/2026-06-19-e5b6847a",
  "publishedAt": "2026-06-19T15:51:12.000Z",
  "site": "https://remysharp.com",
  "tags": [
    "@container"
  ],
  "textContent": "This is neat. Effectively injecting a tonne of JavaScript based sensors into the elements that ask for the particular category via data-props-for, such as: <div id=\"meter\" data-props-for=\"range\"> <input type=\"range\" min=\"0\" max=\"100\" value=\"42\"> </div> With CSS like: @container style(--live-value: 100) { .gauge__num { color: var(--max-tint); } .gauge__flag::after { content: 'max'; } } Lots of useful categories too. Source: prop-for-that.netlify.app",
  "title": "prop-for-that: CSS reacts, JS just listens [link]"
}