tor-browser

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

grid-gap-decorations-031-ref.html (821B)

      1 <!DOCTYPE html>
      2 <link rel="help" href="https://drafts.csswg.org/css-gaps-1">
      3 <link rel="author" title="Sam Davis Omekara Jr." href="mailto:samomekarajr@microsoft.com">
      4 <style>
      5  body {
      6    margin: 0px;
      7  }
      8 
      9  .grid-container {
     10    display: grid;
     11    grid-gap: 10px;
     12    grid-template-rows: 100px 100px 100px;
     13    grid-auto-flow: column;
     14    width: 120px;
     15    height: 120px;
     16  }
     17 
     18  .item {
     19    background: gray;
     20    opacity: 0.5;
     21  }
     22 
     23  .row-gap {
     24    position: absolute;
     25    width: 120px;
     26    height: 0px;
     27    border-bottom: solid 5px red;
     28  }
     29 
     30  .row-gap1 {
     31    top: 102.5px;
     32  }
     33 
     34  .row-gap2 {
     35    top: 212.5px;
     36  }
     37 </style>
     38 <div class="grid-container">
     39  <div class="item"></div>
     40  <div class="item"></div>
     41  <div class="item"></div>
     42 </div>
     43 
     44 <div class="row-gap row-gap1"> </div>
     45 <div class="row-gap row-gap2"> </div>