HAVE IT ALL WITH SVG 🤩
It had been a while since I needed to remember how to work with external AND styleable SVG so I made a little demo page. The CSS custom props are set in the main page and carry through the SVG's shadow DOM barrier. I made the style element editable via [contenteditable] for tinkering.
https://scottjehl.com/sandbox/svgtopia/
Scott Jehl /
npub1kd…aa8jh
2024-07-29 15:20:51
Author Public Key
npub1kdn9z0lrgntme5yjewfw3kac7pl0vvsahhc6qh7ngwdshgupc9gqaaa8jhPublished at
2024-07-29 15:20:51Event JSON
{
"id": "748ff8425697d382f0a218313622b4dfe796450ed77982c973e234a7a2faebde",
"pubkey": "b366513fe344d7bcd092cb92e8dbb8f07ef6321dbdf1a05fd3439b0ba381c150",
"created_at": 1722266451,
"kind": 1,
"tags": [
[
"proxy",
"https://mstdn.social/users/scottjehl/statuses/112870454150030837",
"activitypub"
]
],
"content": "HAVE IT ALL WITH SVG 🤩 \nIt had been a while since I needed to remember how to work with external AND styleable SVG so I made a little demo page. The CSS custom props are set in the main page and carry through the SVG's shadow DOM barrier. I made the style element editable via [contenteditable] for tinkering.\nhttps://scottjehl.com/sandbox/svgtopia/",
"sig": "94bcd396ff0a8291c0f72e548ea96eb5ea5465d76c0aa8c11400a7c050db1801fe9b98ca1818740b31927f5ade0436bad6442c99c77b467d68b778283df3ec80"
}