Blitz - WPT: outline.html

wpt / css / css-viewport / zoom / explicit-inherit / outline.html

/css/css-viewport/zoom/explicit-inherit/outline.html

<!DOCTYPE html>
<title>outline:inherit applies zoom</title>
<link rel=help href=https://drafts.csswg.org/css-viewport/>
<link rel=match href=outline-ref.html>
<style>
  .zoomed {
    background: coral;
    width: 50px;
    height: 50px;
    margin: 50px;
    outline-width: inherit;
    outline-offset: inherit;
    outline-style: solid;
    outline-color: black;
    zoom: 2;
  }
</style>
<div style="outline-width:10px; outline-offset:5px; display:contents">
  <div class=zoomed></div>
</div>

/css/css-viewport/zoom/explicit-inherit/outline-ref.html

<!DOCTYPE html>
<title>outline:inherit applies zoom (ref)</title>
<link rel=help href=https://drafts.csswg.org/css-viewport/>
<style>
  .zoomed {
    background: coral;
    width: 100px;
    height: 100px;
    margin: 100px;
    outline-width: 20px;
    outline-offset: 10px;
    outline-style: solid;
    outline-color: black;
  }
</style>
<div class=zoomed></div>