[{"data":1,"prerenderedAt":101},["ShallowReactive",2],{"docs:\u002Fdocs\u002Freference\u002Fcss":3},{"id":4,"title":5,"body":6,"description":92,"extension":93,"meta":94,"navigation":95,"path":96,"rawbody":97,"seo":98,"stem":99,"__hash__":100},"docs\u002Fdocs\u002Freference\u002Fcss.md","CSS properties",{"type":7,"value":8,"toc":80},"minimark",[9,24,29,32,35,39,42,46,48,52,55,58,62,64,68,70,74,77],[10,11,12,13,17,18,23],"p",{},"Every property is registered with ",[14,15,16],"code",{},"@property",", so values are checked and resolved by the browser like any typed CSS property. The JavaScript name is the same word in camelCase; see ",[19,20,22],"a",{"href":21},"\u002Fdocs\u002Fjavascript\u002F","JavaScript",".",[25,26,28],"h2",{"id":27},"context","Context",[10,30,31],{},"Inherited, so you can set them once on a scope.",[33,34],"property-table",{"group":27},[25,36,38],{"id":37},"pointer-effects","Pointer effects",[33,40],{"group":41},"pointer",[25,43,45],{"id":44},"reactions","Reactions",[33,47],{"group":44},[25,49,51],{"id":50},"reaction-outputs","Reaction outputs",[10,53,54],{},"Each takes one value (from rest to this) or two (from, to).",[33,56],{"group":57},"outputs",[25,59,61],{"id":60},"drag","Drag",[33,63],{"group":60},[25,65,67],{"id":66},"modifiers","Modifiers",[33,69],{"group":66},[25,71,73],{"id":72},"written-by-kinesis","Written by Kinesis",[10,75,76],{},"Read these in your own CSS. Kinesis writes them inline on the element.",[33,78],{"group":79},"written",{"title":81,"searchDepth":82,"depth":82,"links":83},"",3,[84,86,87,88,89,90,91],{"id":27,"depth":85,"text":28},2,{"id":37,"depth":85,"text":38},{"id":44,"depth":85,"text":45},{"id":50,"depth":85,"text":51},{"id":60,"depth":85,"text":61},{"id":66,"depth":85,"text":67},{"id":72,"depth":85,"text":73},"Every Kinesis property with its values, syntax, initial value, and JavaScript name.","md",{},true,"\u002Fdocs\u002Freference\u002Fcss","---\ntitle: CSS properties\ndescription: Every Kinesis property with its values, syntax, initial value, and JavaScript name.\n---\n\nEvery property is registered with `@property`, so values are checked and resolved by the browser like any typed CSS property. The JavaScript name is the same word in camelCase; see [JavaScript](\u002Fdocs\u002Fjavascript\u002F).\n\n## Context\n\nInherited, so you can set them once on a scope.\n\n:property-table{group=\"context\"}\n\n## Pointer effects\n\n:property-table{group=\"pointer\"}\n\n## Reactions\n\n:property-table{group=\"reactions\"}\n\n## Reaction outputs\n\nEach takes one value (from rest to this) or two (from, to).\n\n:property-table{group=\"outputs\"}\n\n## Drag\n\n:property-table{group=\"drag\"}\n\n## Modifiers\n\n:property-table{group=\"modifiers\"}\n\n## Written by Kinesis\n\nRead these in your own CSS. Kinesis writes them inline on the element.\n\n:property-table{group=\"written\"}\n",{"title":5,"description":92},"docs\u002Freference\u002Fcss","bqHinfHYUiTWgPbJrMuVoRlnTI-2YCA1P1oEZg0NdRM",1791309903136]