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   background-color:#F6CD93;
  25   text-align:center;
  26 }
  27 .table-cell {
  28   display:grid;
  29   align-self:stretch;
  30   background-color:white;
  31   justify-self:stretch;
  32   padding:1ex 1ex;
  33 }
  34 .table-cell > div {
  35   align-self:center;
  36   justify-self:center;
  37   //text-align:center;
  38 }
  39 .table-body.odd .table-cell {
  40   //background:#DBE7D4;
  41 }
  42 .table-body.even .table-cell {
  43   background:#E9F1E7;
  44 }