tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

calc-rounding-002-ref.html (946B)

      1 <!doctype html>
      2 <meta charset="utf-8">
      3 <title>CSS Test Reference</title>
      4 <style>
      5 * {
      6  box-sizing: border-box;
      7 }
      8 :root {
      9  font-family: sans-serif;
     10 }
     11 .parent {
     12  display: inline-flex;
     13  --addon-size: 1rem;
     14 }
     15 .child {
     16  min-width: 0;
     17  display: inline-flex;
     18 }
     19 .overflow {
     20  overflow: hidden;
     21  text-overflow: ellipsis;
     22  white-space: nowrap;
     23 }
     24 .addon-child {
     25  display: inline-flex;
     26  width: var(--addon-size);
     27 }
     28 span {
     29  outline: 1px dashed red;
     30  outline-offset: -1px;
     31 }
     32 p > span > span {
     33  padding: .5rem .25rem;
     34 }
     35 </style>
     36 <p><span class="parent"><span class="child"><span class="overflow">iiiiiiiiiiiii</span></span><span class="addon-child"></span></span></p>
     37 <p><span class="parent"><span class="child"><span class="overflow">iiiiiiiiiiiiii</span></span><span class="addon-child"></span></span></p>
     38 <p><span class="parent"><span class="child"><span class="overflow">iiiiiiiiiiiiiii</span></span><span class="addon-child"></span></span></p>