3db38f2a80
Summary: Rounding has been successfully adopted by multiple products and frameworks. Time to move it out of experimental mode. Rounding can still be turned of by setting the point scale factor to 0 on the config. Reviewed By: gkassabli Differential Revision: D4953838 fbshipit-source-id: 3ee5f27d92f95b3ed4a01c98bc35e9157f2e91c5
96 lines
3.8 KiB
HTML
96 lines
3.8 KiB
HTML
<div id="rounding_flex_basis_flex_grow_row_width_of_100" style="width: 100px; height: 100px; flex-direction: row;">
|
|
<div style="flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_flex_basis_flex_grow_row_prime_number_width" style="width: 113px; height: 100px; flex-direction: row;">
|
|
<div style="flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
<div style="flex-grow: 1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_flex_basis_flex_shrink_row" style="width: 101px; height: 100px; flex-direction: row;">
|
|
<div style="flex-basis: 100px; flex-shrink: 1;"></div>
|
|
<div style="flex-basis: 25px;"></div>
|
|
<div style="flex-basis: 25px;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_flex_basis_overrides_main_size" style="height: 113px; width: 100px;">
|
|
<div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_total_fractial" style="height: 113.4px; width: 87.4px;">
|
|
<div style="height: 20.3px; flex-grow:0.7; flex-basis:50.3px;"></div>
|
|
<div style="height: 10px; flex-grow:1.6;"></div>
|
|
<div style="height: 10.7px; flex-grow:1.1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_total_fractial_nested" style="height: 113.4px; width: 87.4px;">
|
|
<div style="height: 20.3px; flex-grow:0.7; flex-basis:50.3px;">
|
|
<div style="bottom: 13.3px; height: 9.9px; flex-grow:1; flex-basis:0.3px;"></div>
|
|
<div style="top: 13.3px; height: 1.1px; flex-grow:4; flex-basis:0.3px;"></div>
|
|
</div>
|
|
<div style="height: 10px; flex-grow:1.6;"></div>
|
|
<div style="height: 10.7px; flex-grow:1.1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_fractial_input_1" style="height: 113.4px; width: 100px;">
|
|
<div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_fractial_input_2" style="height: 113.6px; width: 100px;">
|
|
<div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_fractial_input_3" style="top: 0.3px; height: 113.4px; width: 100px;">
|
|
<div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_fractial_input_4" style="top: 0.7px; height: 113.4px; width: 100px;">
|
|
<div style="height: 20px; flex-grow:1; flex-basis:50px;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_inner_node_controversy_horizontal" style="width: 320px; flex-direction: row;">
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
<div style="height: 10px; flex-grow:1;">
|
|
<div style="height: 10px; flex-grow:1;">
|
|
</div>
|
|
</div>
|
|
<div style="height: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_inner_node_controversy_vertical" style="height: 320px;">
|
|
<div style="width: 10px; flex-grow:1;"></div>
|
|
<div style="width: 10px; flex-grow:1;">
|
|
<div style="width: 10px; flex-grow:1;">
|
|
</div>
|
|
</div>
|
|
<div style="width: 10px; flex-grow:1;"></div>
|
|
</div>
|
|
|
|
<div id="rounding_inner_node_controversy_combined" style="width: 640px; height: 320px; flex-direction: row;">
|
|
<div style="height: 100%; flex-grow:1;"></div>
|
|
<div style="height: 100%; flex-grow:1; flex-direction: column;">
|
|
<div style="width: 100%; flex-grow:1;"></div>
|
|
<div style="width: 100%; flex-grow:1;">
|
|
<div style="flex-grow:1; width: 100%;">
|
|
</div>
|
|
</div>
|
|
<div style="width: 100%; flex-grow:1;"></div>
|
|
</div>
|
|
<div style="height: 100%; flex-grow:1;"></div>
|
|
</div>
|