Add feature to use percentage as value unit #258

Closed
woehrl01 wants to merge 43 commits from percentage-feature into master
54 changed files with 4337 additions and 2375 deletions
Showing only changes of commit 9cce30c91f - Show all commits

View File

@@ -59,8 +59,7 @@
<div id="percentage_multiple_nested_with_padding_margin_and_percentage_values" experiments="Rounding" style="width: 200px; height: 200px; flex-direction: column;"> <div id="percentage_multiple_nested_with_padding_margin_and_percentage_values" experiments="Rounding" style="width: 200px; height: 200px; flex-direction: column;">
<div style="flex-grow: 1; flex-basis: 10%; min-width: 60%; margin: 5px; padding: 3px;"> <div style="flex-grow: 1; flex-basis: 10%; min-width: 60%; margin: 5px; padding: 3px;">
<div style="width: 50%; margin: 5px; padding: 3%;"> <div style="width: 50%; margin: 5px; padding: 3%;">
<div style="width: 45%; margin: 5%; padding: 3px;"> <div style="width: 45%; margin: 5%; padding: 3px;"></div>
</div>
</div> </div>
</div> </div>
<div style="flex-grow: 4; flex-basis: 15%; min-width: 20%;"></div> <div style="flex-grow: 4; flex-basis: 15%; min-width: 20%;"></div>
@@ -68,19 +67,16 @@
<div id="percentage_margin_should_calculate_based_only_on_width" experiments="Rounding" style="width: 200px; height: 100px;"> <div id="percentage_margin_should_calculate_based_only_on_width" experiments="Rounding" style="width: 200px; height: 100px;">
<div style="flex-grow: 1; margin: 10%;"> <div style="flex-grow: 1; margin: 10%;">
<div style="width: 10px; height: 10px;"> <div style="width: 10px; height: 10px;"></div>
</div>
</div> </div>
</div> </div>
<div id="percentage_padding_should_calculate_based_only_on_width" experiments="Rounding" style="width: 200px; height: 100px;"> <div id="percentage_padding_should_calculate_based_only_on_width" experiments="Rounding" style="width: 200px; height: 100px;">
<div style="flex-grow: 1; padding: 10%;"> <div style="flex-grow: 1; padding: 10%;">
<div style="width: 10px; height: 10px;"> <div style="width: 10px; height: 10px;"></div>
</div>
</div> </div>
</div> </div>
<div id="percentage_absolute_position" experiments="Rounding" style="width: 200px; height: 100px;"> <div id="percentage_absolute_position" experiments="Rounding" style="width: 200px; height: 100px;">
<div style="position: absolute; top: 10%; left: 30%; width: 10px; height: 10px;"> <div style="position: absolute; top: 10%; left: 30%; width: 10px; height: 10px;"></div>
</div>
</div> </div>