data/styles/Table.css

   1 .table {
   2   display:grid;
   3   background-color:white;
   4   background:black;
   5   gap:2px 2px;
   6 }
   7 .table-head {
   8   display:grid;
   9   font-weight:bold;
  10   grid-template-columns:subgrid;
  11   grid-template-rows:subgrid;
  12   grid-column-start:1;
  13   grid-column-end:-1;
  14   //gap:0;
  15 }
  16 .table-body {
  17   display:grid;
  18   grid-template-columns:subgrid;
  19   grid-template-rows:subgrid;
  20   grid-column-start:1;
  21   grid-column-end:-1;
  22 }
  23 .table-head .table-cell {
  24 }
  25 .table-cell {
  26   display:grid;
  27   align-self:stretch;
  28   background-color:white;
  29   justify-self:stretch;
  30   padding:1ex 1ex;
  31 }
  32 .table-cell > div {
  33   align-self:center;
  34   justify-self:center;
  35   //text-align:center;
  36 }
  37 .table-head .table-cell {
  38   background-color:#F6CD93;
  39 }
  40 .table-body.odd .table-cell {
  41   //background:#DBE7D4;
  42 }
  43 .table-body.even .table-cell {
  44   background:#E9F1E7;
  45 }