Implement `direction` property (#906)
1<test name="bevy_issue_8017__border_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div display="flex" direction="ltr" flex-direction="column" width="400px" height="400px" row-gap="8px" column-gap="8px" padding-top="8px" padding-left="8px" padding-bottom="8px" padding-right="8px">
5 <div display="flex" direction="ltr" width="100%" height="50%" row-gap="8px" column-gap="8px">
6 <div direction="ltr" width="100%" height="100%"/>
7 <div direction="ltr" width="100%" height="100%"/>
8 </div>
9 <div display="flex" direction="ltr" width="100%" height="50%" row-gap="8px" column-gap="8px">
10 <div direction="ltr" width="100%" height="100%"/>
11 <div direction="ltr" width="100%" height="100%"/>
12 </div>
13 </div>
14 </input>
15 <expectations>
16 <node x="0" y="0" width="400" height="400">
17 <node x="8" y="8" width="384" height="188">
18 <node x="0" y="0" width="188" height="188"/>
19 <node x="196" y="0" width="188" height="188"/>
20 </node>
21 <node x="8" y="204" width="384" height="188">
22 <node x="0" y="0" width="188" height="188"/>
23 <node x="196" y="0" width="188" height="188"/>
24 </node>
25 </node>
26 </expectations>
27</test>