New Web Component! <contrast-details>
A Web Component for revealing the contrast ratio and level of two colours set using CSS Custom Properties.
Here's the origin story: https://zeroheight.com/blog/color-contrast-with-web-components/
#WebComponents
Dave 🧱 :cursor_pointer: /
npub1w9…pa2ap
2024-06-05 10:45:19
Author Public Key
npub1w9tamta6569jgxclmwgpcy3tpdxkkgcad8nhg998kle4n60e3dzsfpa2apPublished at
2024-06-05 10:45:19Event JSON
{
"id": "1e6ed0b9d9365acaf3352b92696f108cc20de598668859188afc4cc59a2cde88",
"pubkey": "7157ddafbaa68b241b1fdb901c122b0b4d6b231d69e77414a7b7f359e9f98b45",
"created_at": 1717584319,
"kind": 1,
"tags": [
[
"proxy",
"https://mastodon.design/@DavidDarnes/112563605985346310",
"web"
],
[
"t",
"webcomponents"
],
[
"proxy",
"https://mastodon.design/users/DavidDarnes/statuses/112563605985346310",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.design/users/DavidDarnes/statuses/112563605985346310",
"pink.momostr"
]
],
"content": "New Web Component! \u003ccontrast-details\u003e\n\nA Web Component for revealing the contrast ratio and level of two colours set using CSS Custom Properties. \n\nHere's the origin story: https://zeroheight.com/blog/color-contrast-with-web-components/\n\n#WebComponents",
"sig": "2575939e513a22b1fca9bb925d0ffce20f8343a9dbb21a81ed60eeb8f4481b68f84da7591b73e1626849051db7cb40ca3f0be25ed00431cb697bb01a3f42d507"
}