tor-browser

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

grid-lanes-intrinsic-sizing-cols-007-ref.html (900B)

      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html>
      7  <meta charset="utf-8">
      8  <title>CSS Grid Test: Grid Lanes layout column sizing - intrinsic</title>
      9  <link rel="author" title="Brandon Stewart" href="mailto:brandonstewart@apple.com">
     10  <style>
     11 
     12 @import "support/grid-lanes-intrinsic-sizing-visual.css";
     13 
     14 grid {
     15  display: inline-grid;
     16  gap: 1px 2px;
     17  border: 1px solid;
     18  padding: 0 1px 0 2px;
     19  vertical-align: top;
     20 }
     21 
     22 .mix grid {
     23  grid-template-columns: 1ch auto;
     24 }
     25 
     26 .mix2 grid {
     27  grid-template-columns: 1ch auto 1ch;
     28 }
     29 </style>
     30 
     31 <body>
     32 
     33 <section class="mix">
     34 <grid title="Auto Last Track">
     35  <item style="width:5ch; grid-column: span 2;">1</item>
     36 </grid>
     37 </section>
     38 
     39 <section class="mix2">
     40 <grid title="Auto Middle Track">
     41    <item style="width:5ch; grid-column: span 3;">1</item>
     42 </grid>
     43 </section>