Blitz - WPT: css-var-on-length-attributes-quirk.html

wpt / svg / styling / css-var-on-length-attributes-quirk.html

/svg/styling/css-var-on-length-attributes-quirk.html

<title>Usage of css var() on circle radius attribute, units not specified and document in quirks mode</title>
<link rel="author" title="Divyansh Mangal" href="mailto:dmangal@microsoft.com">
<link rel="match" href="css-linked-parameters/circle-green-ref.html">
<style>
  circle {
    --radii: 48
  }
</style>
<svg width="100px" height="100px">
  <circle cx="50px" cy="50px" r="var(--radii)" fill="green" stroke-width="2px"/>
</svg>

/svg/styling/css-linked-parameters/circle-green-ref.html

<!DOCTYPE html>
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
  <circle cx="50" cy="50" r="48" fill="green" stroke-width="2"/>
</svg>