Event JSON
{
"id": "3549d3c8707d956d5ec255d0fecabcbcecbff61a29177086912348f0cdb9079a",
"pubkey": "714c2ce1e17b3904303c8ba064d418df7cb5a9d611e52521351cd929c2851319",
"created_at": 1731587190,
"kind": 1,
"tags": [
[
"p",
"2831912e465dad2381ba6d0cf276232bae2270a4fc9ac7a75271c87679f569b6",
"wss://relay.mostr.pub"
],
[
"p",
"db491ad25a0786a07a13c1d0daa3dd567aece96a40a6fff8b243641ea4307de9",
"wss://relay.mostr.pub"
],
[
"t",
"css"
],
[
"t",
"html"
],
[
"emoji",
"codepen",
"https://cdn.masto.host/frontendsocial/custom_emojis/images/000/016/783/original/9a9424df9b5c6678.png"
],
[
"imeta",
"url https://cdn.masto.host/frontendsocial/media_attachments/files/113/481/287/509/035/656/original/491343868f619f3e.png",
"m image/png",
"dim 1282x1162",
"blurhash UKA^j~kC_4j[xvj[ayfQ_Nj[Rjj[xufPayj["
],
[
"proxy",
"https://front-end.social/users/css/statuses/113481298134604096",
"activitypub"
]
],
"content": "💡 CSS Tip!\n\nDo you want to know the scrollbar width? It's possible using only CSS and a few lines of code! You can get the pixel value within a CSS variable and use it everywhere.\n\nAs a bonus, you can also have the unitless value and show it!\n\nDemo: https://codepen.io/t_afif/pen/MWNLNvz via :codepen: nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh \n\nOnline Version: https://css-tip.com/width-scrollbar/\n\n(Tested on chrome)\n\n#CSS #HTML\n\nhttps://cdn.masto.host/frontendsocial/media_attachments/files/113/481/287/509/035/656/original/491343868f619f3e.png",
"sig": "6688a2f49dafd046e43a396566906d96fdddefd06cf528e516cf89481dfd33d5212ee409370f743ecd5f70eb993f52c463000e988ae13533873ffe7870857b85"
}