tor-browser

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

repeat-auto-fill-005.html (4079B)

      1 <!DOCTYPE HTML>
      2 <!--
      3     Any copyright is dedicated to the Public Domain.
      4     http://creativecommons.org/publicdomain/zero/1.0/
      5 -->
      6 <html><head>
      7  <meta charset="utf-8">
      8  <title>CSS Grid Test: repeat(auto-fill / INTEGER, line-names)</title>
      9  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">
     10  <link rel="help" href="https://drafts.csswg.org/css-grid-2/#subgrid-listing">
     11  <link rel="match" href="repeat-auto-fill-005-ref.html">
     12  <style>
     13 html,body {
     14  color:black; background-color:white; font:10px/1 monospace; padding:0; margin:0;
     15 }
     16 
     17 .grid {
     18  display: inline-grid;
     19  grid-auto-columns: 20px;
     20  background: lightgrey;
     21 }
     22 
     23 .subgrid {
     24  display: grid;
     25  grid-column: 2 / span 4;
     26  background: black;
     27 }
     28 
     29 item {
     30  min-width: 0;
     31  min-height: 10px;
     32  grid-column:x -2 / x -1;
     33  background: grey;
     34 }
     35 
     36  </style>
     37 </head>
     38 <body>
     39 
     40 <div class="grid">
     41  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(auto-fill,[]) [] [x]">
     42    <item></item>
     43  </div>
     44 </div>
     45 
     46 <div class="grid">
     47  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(auto-fill,[x]) [] [] [x]">
     48    <item></item>
     49  </div>
     50 </div>
     51 
     52 <div class="grid">
     53  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(auto-fill,[x]) [] [] [] [x]">
     54    <item></item>
     55  </div>
     56 </div>
     57 
     58 <div class="grid">
     59  <div class="subgrid" style="grid-template-columns:subgrid [x] [x] repeat(auto-fill,[x]) [] [] [x]">
     60    <item></item>
     61  </div>
     62 </div>
     63 
     64 <div class="grid">
     65  <div class="subgrid" style="grid-template-columns:subgrid [x] [x] repeat(auto-fill,[x]) [] [x] []">
     66    <item></item>
     67  </div>
     68 </div>
     69 
     70 <div class="grid">
     71  <div class="subgrid" style="grid-template-columns:subgrid [x] [x] repeat(auto-fill,[x]) [x] [x] []">
     72    <item></item>
     73  </div>
     74 </div>
     75 
     76 <div class="grid">
     77  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(auto-fill,[x]) [] [] [] [] [x]">
     78    <item></item>
     79  </div>
     80 </div>
     81 
     82 <div class="grid">
     83  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(1,[]) [x]">
     84    <item></item>
     85  </div>
     86 </div>
     87 
     88 <div class="grid">
     89  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(1,[]) [] [x]">
     90    <item></item>
     91  </div>
     92 </div>
     93 
     94 <div class="grid">
     95  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(1,[]) [] [] [x]">
     96    <item></item>
     97  </div>
     98 </div>
     99 
    100 <div class="grid">
    101  <div class="subgrid" style="grid-template-columns:subgrid [] [] repeat(1,[]) [] [] [] [x]">
    102    <item></item>
    103  </div>
    104 </div>
    105 
    106 <div class="grid">
    107  <div class="subgrid" style="grid-template-columns:subgrid repeat(2,[]) repeat(auto-fill,[]) [] [x]">
    108    <item></item>
    109  </div>
    110 </div>
    111 
    112 <div class="grid">
    113  <div class="subgrid" style="grid-template-columns:subgrid repeat(2,[x]) repeat(auto-fill,[]) [] [x]">
    114    <item></item>
    115  </div>
    116 </div>
    117 
    118 <div class="grid">
    119  <div class="subgrid" style="grid-template-columns:subgrid repeat(2,[x]) repeat(auto-fill,[x]) [] []">
    120    <item></item>
    121  </div>
    122 </div>
    123 
    124 <div class="grid">
    125  <div class="subgrid" style="grid-template-columns:subgrid repeat(3,[]) repeat(auto-fill,[]) [x]">
    126    <item></item>
    127  </div>
    128 </div>
    129 
    130 <div class="grid">
    131  <div class="subgrid" style="grid-template-columns:subgrid repeat(4,[]) repeat(auto-fill,[x]) [x]">
    132    <item></item>
    133  </div>
    134 </div>
    135 
    136 <div class="grid">
    137  <div class="subgrid" style="grid-template-columns:subgrid [] [] [] [] repeat(auto-fill,[x]) [x]">
    138    <item></item>
    139  </div>
    140 </div>
    141 
    142 <div class="grid">
    143  <div class="subgrid" style="grid-template-columns:subgrid repeat(auto-fill,[]) [] [] [] [x]">
    144    <item></item>
    145  </div>
    146 </div>
    147 
    148 <div class="grid">
    149  <div class="subgrid" style="grid-template-columns:subgrid repeat(auto-fill,[x]) [] [] [] [] [x]">
    150    <item></item>
    151  </div>
    152 </div>
    153 
    154 <div class="grid">
    155  <div class="subgrid" style="grid-template-columns:subgrid [] repeat(auto-fill,[x]) [] [] [] [x]">
    156    <item></item>
    157  </div>
    158 </div>
    159 
    160 <div class="grid">
    161  <div class="subgrid" style="grid-template-columns:subgrid repeat(5,[]) repeat(auto-fill,[]) [x]">
    162    <item></item>
    163  </div>
    164 </div>
    165 
    166 </body>
    167 </html>