Implement `direction` property (#906)
1<test name="bevy_issue_8082_percent__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="ltr" flex-direction="column" align-items="stretch" align-content="center" justify-content="flex-start" width="200px" height="400px">
5 <div box-sizing="content-box" direction="ltr" flex-wrap="wrap" align-items="flex-start" align-content="center" justify-content="center" width="50%">
6 <div box-sizing="content-box" direction="ltr" width="50px" height="50px"/>
7 <div box-sizing="content-box" direction="ltr" width="50px" height="50px"/>
8 <div box-sizing="content-box" direction="ltr" width="50px" height="50px"/>
9 <div box-sizing="content-box" direction="ltr" width="50px" height="50px"/>
10 </div>
11 </div>
12 </input>
13 <expectations>
14 <node x="0" y="0" width="200" height="400">
15 <node x="0" y="0" width="100" height="100">
16 <node x="0" y="0" width="50" height="50"/>
17 <node x="50" y="0" width="50" height="50"/>
18 <node x="0" y="50" width="50" height="50"/>
19 <node x="50" y="50" width="50" height="50"/>
20 </node>
21 </node>
22 </expectations>
23</test>