{
  "$type": "site.standard.document",
  "description": "html :has ( .CertainItem:focus-visible ) { scroll-snap-type : y mandatory ; scroll-padding-block-start : 100 px ; } .CertainItem:focus-visible { scroll-snap-align : start ; } On demand with :has() , when a certain item is focused.. snap dat item into a nice position .",
  "path": "/conditional-snapping-with-has",
  "publishedAt": "2022-12-19T23:10:29.097Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "css"
  ],
  "textContent": "html :has ( .CertainItem:focus-visible ) { scroll-snap-type : y mandatory ; scroll-padding-block-start : 100 px ; } .CertainItem:focus-visible { scroll-snap-align : start ; } On demand with :has() , when a certain item is focused.. snap dat item into a nice position .",
  "title": "Conditional Snapping With Has"
}