Blitz - WPT: webkit-flex-basis.html

wpt / css / css-viewport / zoom / explicit-inherit / webkit-flex-basis.html

/css/css-viewport/zoom/explicit-inherit/webkit-flex-basis.html

<!DOCTYPE html>
<title>-webkit-flex-basis:inherit applies zoom</title>
<link rel=help href=https://drafts.csswg.org/css-flexbox/>
<link rel=help href=https://drafts.csswg.org/css-viewport/>
<link rel=help href=https://compat.spec.whatwg.org/#propdef--webkit-flex-basis>
<link rel=match href=flex-basis-ref.html>
<style>
  .container {
    display: flex;
    background: skyblue;
    -webkit-flex-basis: 50px; /* For explicit inheritance. */
  }
  .zoomed {
    background: coral;
    -webkit-flex-basis: inherit;
    height: 100px;
    zoom: 2;
  }
</style>
<div class=container>
  <div class=zoomed></div>
</div>

/css/css-viewport/zoom/explicit-inherit/flex-basis-ref.html

<!DOCTYPE html>
<title>flex-basis:inherit applies zoom (ref)</title>
<link rel=help href=https://drafts.csswg.org/css-viewport/>
<style>
  .container {
    display: flex;
    background: skyblue;
  }
  .zoomed {
    background: coral;
    flex-basis: 100px;
    height: 200px;
  }
</style>
<div class=container>
  <div class=zoomed></div>
</div>