Implement `direction` property (#906)
1<test name="bevy_issue_8017_reduced__content_box_rtl" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="rtl" flex-direction="column" width="200px" height="400px" row-gap="8px" column-gap="8px">
5 <div box-sizing="content-box" direction="rtl" height="50%">
6 <div box-sizing="content-box" direction="rtl"/>
7 </div>
8 <div box-sizing="content-box" direction="rtl" height="50%">
9 <div box-sizing="content-box" direction="rtl"/>
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="196">
16 <node x="200" y="0" width="0" height="196"/>
17 </node>
18 <node x="0" y="204" width="200" height="196">
19 <node x="200" y="0" width="0" height="196"/>
20 </node>
21 </node>
22 </expectations>
23</test>