[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * SCSS Variables.
   6   *
   7   * Please use variables from this sheet to ensure consistency across the UI.
   8   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   9   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  10   */
  11  /**
  12   * Fonts & basic variables.
  13   */
  14  /**
  15   * Typography
  16   */
  17  /**
  18   * Grid System.
  19   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  20   */
  21  /**
  22   * Radius scale.
  23   */
  24  /**
  25   * Elevation scale.
  26   */
  27  /**
  28   * Dimensions.
  29   */
  30  /**
  31   * Mobile specific styles
  32   */
  33  /**
  34   * Editor styles.
  35   */
  36  /**
  37   * Block & Editor UI.
  38   */
  39  /**
  40   * Block paddings.
  41   */
  42  /**
  43   * React Native specific.
  44   * These variables do not appear to be used anywhere else.
  45   */
  46  .wp-block-table {
  47    overflow-x: auto;
  48  }
  49  .wp-block-table table {
  50    border-collapse: collapse;
  51    width: 100%;
  52  }
  53  .wp-block-table thead {
  54    border-bottom: 3px solid;
  55  }
  56  .wp-block-table tfoot {
  57    border-top: 3px solid;
  58  }
  59  .wp-block-table td,
  60  .wp-block-table th {
  61    border: 1px solid;
  62    padding: 0.5em;
  63  }
  64  .wp-block-table .has-fixed-layout {
  65    table-layout: fixed;
  66    width: 100%;
  67  }
  68  .wp-block-table .has-fixed-layout td,
  69  .wp-block-table .has-fixed-layout th {
  70    word-break: normal;
  71    overflow-wrap: anywhere;
  72  }
  73  .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
  74    display: table;
  75    width: auto;
  76  }
  77  .wp-block-table.alignleft td,
  78  .wp-block-table.alignleft th, .wp-block-table.aligncenter td,
  79  .wp-block-table.aligncenter th, .wp-block-table.alignright td,
  80  .wp-block-table.alignright th {
  81    word-break: normal;
  82    overflow-wrap: anywhere;
  83  }
  84  .wp-block-table .has-subtle-light-gray-background-color {
  85    background-color: #f3f4f5;
  86  }
  87  .wp-block-table .has-subtle-pale-green-background-color {
  88    background-color: #e9fbe5;
  89  }
  90  .wp-block-table .has-subtle-pale-blue-background-color {
  91    background-color: #e7f5fe;
  92  }
  93  .wp-block-table .has-subtle-pale-pink-background-color {
  94    background-color: #fcf0ef;
  95  }
  96  .wp-block-table.is-style-stripes {
  97    border-spacing: 0;
  98    border-collapse: inherit;
  99    background-color: transparent;
 100  }
 101  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 102    background-color: #f0f0f0;
 103  }
 104  .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
 105    background-color: #f3f4f5;
 106  }
 107  .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
 108    background-color: #e9fbe5;
 109  }
 110  .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
 111    background-color: #e7f5fe;
 112  }
 113  .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
 114    background-color: #fcf0ef;
 115  }
 116  .wp-block-table.is-style-stripes th,
 117  .wp-block-table.is-style-stripes td {
 118    border-color: transparent;
 119  }
 120  .wp-block-table.is-style-stripes {
 121    border-bottom: 1px solid #f0f0f0;
 122  }
 123  .wp-block-table .has-border-color > *,
 124  .wp-block-table .has-border-color tr,
 125  .wp-block-table .has-border-color th,
 126  .wp-block-table .has-border-color td {
 127    border-color: inherit;
 128  }
 129  .wp-block-table table[style*=border-top-color] > *,
 130  .wp-block-table table[style*=border-top-color] tr:first-child {
 131    border-top-color: inherit;
 132  }
 133  .wp-block-table table[style*=border-top-color] > * th,
 134  .wp-block-table table[style*=border-top-color] > * td,
 135  .wp-block-table table[style*=border-top-color] tr:first-child th,
 136  .wp-block-table table[style*=border-top-color] tr:first-child td {
 137    border-top-color: inherit;
 138  }
 139  .wp-block-table table[style*=border-top-color] tr:not(:first-child) {
 140    border-top-color: currentColor;
 141  }
 142  .wp-block-table table[style*=border-right-color] > *,
 143  .wp-block-table table[style*=border-right-color] tr,
 144  .wp-block-table table[style*=border-right-color] th,
 145  .wp-block-table table[style*=border-right-color] td:last-child {
 146    border-left-color: inherit;
 147  }
 148  .wp-block-table table[style*=border-bottom-color] > *,
 149  .wp-block-table table[style*=border-bottom-color] tr:last-child {
 150    border-bottom-color: inherit;
 151  }
 152  .wp-block-table table[style*=border-bottom-color] > * th,
 153  .wp-block-table table[style*=border-bottom-color] > * td,
 154  .wp-block-table table[style*=border-bottom-color] tr:last-child th,
 155  .wp-block-table table[style*=border-bottom-color] tr:last-child td {
 156    border-bottom-color: inherit;
 157  }
 158  .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
 159    border-bottom-color: currentColor;
 160  }
 161  .wp-block-table table[style*=border-left-color] > *,
 162  .wp-block-table table[style*=border-left-color] tr,
 163  .wp-block-table table[style*=border-left-color] th,
 164  .wp-block-table table[style*=border-left-color] td:first-child {
 165    border-right-color: inherit;
 166  }
 167  .wp-block-table table[style*=border-style] > *,
 168  .wp-block-table table[style*=border-style] tr,
 169  .wp-block-table table[style*=border-style] th,
 170  .wp-block-table table[style*=border-style] td {
 171    border-style: inherit;
 172  }
 173  .wp-block-table table[style*=border-width] > *,
 174  .wp-block-table table[style*=border-width] tr,
 175  .wp-block-table table[style*=border-width] th,
 176  .wp-block-table table[style*=border-width] td {
 177    border-width: inherit;
 178    border-style: inherit;
 179  }