[Summary view] [Print] [Text view]

   1  table,
   2  .wp-block-table {
   3      width: 100%;
   4      min-width: 240px;
   5      border-collapse: collapse;
   6  
   7      thead,
   8      tfoot {
   9          text-align: center;
  10      }
  11  
  12      th {
  13          font-family: var(--heading--font-family);
  14      }
  15  
  16      td,
  17      th {
  18          padding: calc(0.5 * var(--global--spacing-unit));
  19          border: 1px solid;
  20      }
  21  
  22      figcaption {
  23          color: var(--global--color-primary);
  24          font-size: var(--global--font-size-xs);
  25      }
  26  
  27      &.is-style-regular .has-background,
  28      &.is-style-stripes .has-background,
  29      &.is-style-stripes .has-background thead tr,
  30      &.is-style-stripes .has-background tfoot tr,
  31      &.is-style-stripes .has-background tbody tr {
  32          color: var(--table--has-background-text-color);
  33      }
  34  
  35      &.is-style-stripes {
  36          border-color: var(--table--stripes-border-color);
  37  
  38          th,
  39          td {
  40              border-width: 0;
  41          }
  42  
  43          tbody tr:nth-child(odd) {
  44              background-color: var(--table--stripes-background-color);
  45          }
  46  
  47          .has-background tbody tr:nth-child(odd) {
  48              background-color: var(--global--color-white-90);
  49          }
  50      }
  51  }
  52  
  53  table.wp-calendar-table {
  54  
  55      td,
  56      th {
  57          background: transparent;
  58          border: 0;
  59          text-align: center;
  60          line-height: 2;
  61          vertical-align: middle;
  62          word-break: normal;
  63      }
  64  
  65      th {
  66          font-weight: bold;
  67      }
  68  
  69      thead,
  70      tbody {
  71          color: currentColor;
  72          border: 1px solid;
  73      }
  74  
  75      caption {
  76          font-weight: bold;
  77          text-align: left;
  78          margin-bottom: var(--global--spacing-unit);
  79          color: currentColor;
  80      }
  81  }
  82  
  83  .wp-calendar-nav {
  84      text-align: left;
  85      margin-top: calc(var(--global--spacing-unit) / 2);
  86  
  87      svg {
  88          height: 1em;
  89          vertical-align: middle;
  90  
  91          path {
  92              fill: currentColor;
  93          }
  94      }
  95  
  96      .wp-calendar-nav-next {
  97          float: right;
  98      }
  99  }