Implement `direction` property (#906)
1<test name="bevy_issue_8017__content_box_rtl" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div display="flex" box-sizing="content-box" direction="rtl" 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" box-sizing="content-box" direction="rtl" width="100%" height="50%" row-gap="8px" column-gap="8px">
6 <div box-sizing="content-box" direction="rtl" width="100%" height="100%"/>
7 <div box-sizing="content-box" direction="rtl" width="100%" height="100%"/>
8 </div>
9 <div display="flex" box-sizing="content-box" direction="rtl" width="100%" height="50%" row-gap="8px" column-gap="8px">
10 <div box-sizing="content-box" direction="rtl" width="100%" height="100%"/>
11 <div box-sizing="content-box" direction="rtl" width="100%" height="100%"/>
12 </div>
13 </div>
14 </input>
15 <expectations>
16 <node x="0" y="0" width="416" height="416">
17 <node x="8" y="8" width="400" height="196">
18 <node x="204" y="0" width="196" height="196"/>
19 <node x="0" y="0" width="196" height="196"/>
20 </node>
21 <node x="8" y="212" width="400" height="196">
22 <node x="204" y="0" width="196" height="196"/>
23 <node x="0" y="0" width="196" height="196"/>
24 </node>
25 </node>
26 </expectations>
27</test>