You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p> The <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#position-valuetitle="<position>"><position></a> values in <aclass=cssdata-link-type=maybehref=#funcdef-ellipsetitle=ellipse()>ellipse()</a> and <aclass=cssdata-link-type=maybehref=#funcdef-circletitle=circle()>circle()</a>
<p>Normalizing<aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#position-valuetitle="<position>"><position></a>to its computed value (and omitting components such as zero length offsets) means that keywords without an offset turn into percentages.
622
+
<p>Since<aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#position-valuetitle="<position>"><position></a>keywords stand in for percentages, keywords without an offset turn into percentages.
<p> Avoiding calc() expressions means that some <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#position-valuetitle="<position>"><position></a> values that could be simplified to the 2-value form must be serialized in 4-value form instead.
645
644
646
645
<pre><codeclass=css>
647
-
circle(at right 5% bottom 10px)
646
+
circle(at right 5px bottom 10px)
648
647
649
-
serializes as "circle(at right 5% bottom 10px)"
648
+
serializes as "circle(at right 5px bottom 10px)"
650
649
651
-
not as "circle(at 95% calc(100% - 10px))"
650
+
not as "circle(at calc(100% - 5px) calc(100% - 10px))"
652
651
</code></pre>
653
652
<p> Avoiding calc() transformations means that if a specified (or computed) calc() must stay in calc() form, it will be used as-is, not reformulated with a different origin or reduced.
Normalizing<<position>>to its computed value (and omitting components such as zero length offsets) means that keywords without an offset turn into percentages.
498
+
Since<<position>>keywords stand in for percentages, keywords without an offset turn into percentages.
Avoiding calc() expressions means that some <<position>> values that could be simplified to the 2-value form must be serialized in 4-value form instead.
524
523
525
524
<pre><codeclass="css">
526
-
circle(at right 5% bottom 10px)
525
+
circle(at right 5px bottom 10px)
527
526
528
-
serializes as "circle(at right 5% bottom 10px)"
527
+
serializes as "circle(at right 5px bottom 10px)"
529
528
530
-
not as "circle(at 95% calc(100% - 10px))"
529
+
not as "circle(at calc(100% - 5px) calc(100% - 10px))"
531
530
</code></pre>
532
531
533
532
Avoiding calc() transformations means that if a specified (or computed) calc() must stay in calc() form, it will be used as-is, not reformulated with a different origin or reduced.
0 commit comments