tor-browser

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

border-spacing-ref.html (1358B)

      1 <!DOCTYPE html>
      2 <title>CSS zoom applies to border-spacing when specified and inherited</title>
      3 <link rel="author" title="Stefan Zager" href="mailto:szager@chromium.org">
      4 <link rel="help" href="https://drafts.csswg.org/css-viewport/">
      5 
      6 <style>
      7 body {
      8  --scale: 1;
      9 }
     10 .table {
     11  display: table;
     12 }
     13 .row {
     14  display: table-row;
     15 }
     16 .cell {
     17  display: table-cell;
     18  border: calc(0.5rem * var(--scale)) solid hotpink;
     19  font-size: calc(1rem * var(--scale));
     20 }
     21 .spacing {
     22  border-collapse: separate;
     23  border-spacing: calc(17px * var(--scale)) calc(11px * var(--scale));
     24 }
     25 .zoom {
     26  --scale: 2;
     27 }
     28 </style>
     29 
     30 <div class="table spacing">
     31  <div class="row">
     32    <div class="cell">unzoomed</div>
     33    <div class="cell">unzoomed</div>
     34  </div>
     35  <div class="row">
     36    <div class="cell">unzoomed</div>
     37    <div class="cell">unzoomed</div>
     38  </div>
     39 </div>
     40 
     41 <div class="table spacing zoom">
     42  <div class="row">
     43    <div class="cell">zoomed</div>
     44    <div class="cell">zoomed</div>
     45  </div>
     46  <div class="row">
     47    <div class="cell">zoomed</div>
     48    <div class="cell">zoomed</div>
     49  </div>
     50 </div>
     51 
     52 <div class="table spacing zoom">
     53  <div class="row">
     54    <div class="cell">zoomed inherited</div>
     55    <div class="cell">zoomed inherited</div>
     56  </div>
     57  <div class="row">
     58    <div class="cell">zoomed inherited</div>
     59    <div class="cell">zoomed inherited</div>
     60  </div>
     61 </div>