Implement `direction` property (#906)
1<test name="bevy_issue_21240__border_box_rtl" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div display="grid" direction="rtl" row-gap="8px" column-gap="8px" padding-top="8px" padding-left="8px" padding-bottom="8px" padding-right="8px" grid-template-rows="40px 40px 40px" grid-template-columns="40px 40px 40px 40px">
5 <div direction="rtl"/>
6 <div direction="rtl"/>
7 <div direction="rtl"/>
8 <div direction="rtl"/>
9 <div direction="rtl" grid-column-start="1" grid-column-end="-1"/>
10 <div direction="rtl" grid-column-start="1" grid-column-end="span 4"/>
11 </div>
12 </input>
13 <expectations>
14 <node x="0" y="0" width="200" height="152">
15 <node x="152" y="8" width="40" height="40"/>
16 <node x="104" y="8" width="40" height="40"/>
17 <node x="56" y="8" width="40" height="40"/>
18 <node x="8" y="8" width="40" height="40"/>
19 <node x="8" y="56" width="184" height="40"/>
20 <node x="8" y="104" width="184" height="40"/>
21 </node>
22 </expectations>
23</test>