Blitz - WPT: counter-reset-increment-overflow-underflow.html

wpt / css / css-lists / counter-reset-increment-overflow-underflow.html

/css/css-lists/counter-reset-increment-overflow-underflow.html

<!DOCTYPE HTML>
<link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz">
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#auto-numbering">
<link rel="match" href="counter-reset-increment-overflow-underflow-ref.html">
<style>
.overflow {
  counter-reset: over-counter 2000000000;
}
.overflow h3:before {
  counter-increment: over-counter 50000000;
}
.overflow h3::before {
  content: counter(over-counter);
}

.underflow {
  counter-reset: under-counter -2000000000;
}
.underflow h3:before {
  counter-increment: under-counter -50000000;
}
.underflow h3::before {
  content: counter(under-counter);
}
</style>
<div class="overflow">
<h3></h3>
<h3></h3>
<h3></h3>
</div>
<div class="underflow">
<h3></h3>
<h3></h3>
<h3></h3>
</div>

/css/css-lists/counter-reset-increment-overflow-underflow-ref.html

<!DOCTYPE HTML>
<link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz">
<link rel="help" href="https://drafts.csswg.org/css-lists-3/#auto-numbering">
<div>
<h3>2050000000</h3>
<h3>2100000000</h3>
<h3>2100000000</h3>
</div>
<div>
<h3>-2050000000</h3>
<h3>-2100000000</h3>
<h3>-2100000000</h3>
</div>