Implement `direction` property (#906)
1<test name="bevy_issue_8082__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">
6 <div box-sizing="content-box" direction="ltr" width="50px" height="50px" margin-top="10px" margin-left="10px" margin-bottom="10px" margin-right="10px"/>
7 <div box-sizing="content-box" direction="ltr" width="50px" height="50px" margin-top="10px" margin-left="10px" margin-bottom="10px" margin-right="10px"/>
8 <div box-sizing="content-box" direction="ltr" width="50px" height="50px" margin-top="10px" margin-left="10px" margin-bottom="10px" margin-right="10px"/>
9 <div box-sizing="content-box" direction="ltr" width="50px" height="50px" margin-top="10px" margin-left="10px" margin-bottom="10px" margin-right="10px"/>
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="200" height="140">
16 <node x="40" y="10" width="50" height="50"/>
17 <node x="110" y="10" width="50" height="50"/>
18 <node x="40" y="80" width="50" height="50"/>
19 <node x="110" y="80" width="50" height="50"/>
20 </node>
21 </node>
22 </expectations>
23</test>