[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: break-word;
  71  }
  72  .wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright {
  73    display: table;
  74    width: auto;
  75  }
  76  .wp-block-table.alignleft td,
  77  .wp-block-table.alignleft th, .wp-block-table.aligncenter td,
  78  .wp-block-table.aligncenter th, .wp-block-table.alignright td,
  79  .wp-block-table.alignright th {
  80    word-break: break-word;
  81  }
  82  .wp-block-table .has-subtle-light-gray-background-color {
  83    background-color: #f3f4f5;
  84  }
  85  .wp-block-table .has-subtle-pale-green-background-color {
  86    background-color: #e9fbe5;
  87  }
  88  .wp-block-table .has-subtle-pale-blue-background-color {
  89    background-color: #e7f5fe;
  90  }
  91  .wp-block-table .has-subtle-pale-pink-background-color {
  92    background-color: #fcf0ef;
  93  }
  94  .wp-block-table.is-style-stripes {
  95    border-spacing: 0;
  96    border-collapse: inherit;
  97    background-color: transparent;
  98  }
  99  .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
 100    background-color: #f0f0f0;
 101  }
 102  .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
 103    background-color: #f3f4f5;
 104  }
 105  .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
 106    background-color: #e9fbe5;
 107  }
 108  .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
 109    background-color: #e7f5fe;
 110  }
 111  .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
 112    background-color: #fcf0ef;
 113  }
 114  .wp-block-table.is-style-stripes th,
 115  .wp-block-table.is-style-stripes td {
 116    border-color: transparent;
 117  }
 118  .wp-block-table.is-style-stripes {
 119    border-bottom: 1px solid #f0f0f0;
 120  }
 121  .wp-block-table .has-border-color > *,
 122  .wp-block-table .has-border-color tr,
 123  .wp-block-table .has-border-color th,
 124  .wp-block-table .has-border-color td {
 125    border-color: inherit;
 126  }
 127  .wp-block-table table[style*=border-top-color] > *,
 128  .wp-block-table table[style*=border-top-color] tr:first-child {
 129    border-top-color: inherit;
 130  }
 131  .wp-block-table table[style*=border-top-color] > * th,
 132  .wp-block-table table[style*=border-top-color] > * td,
 133  .wp-block-table table[style*=border-top-color] tr:first-child th,
 134  .wp-block-table table[style*=border-top-color] tr:first-child td {
 135    border-top-color: inherit;
 136  }
 137  .wp-block-table table[style*=border-top-color] tr:not(:first-child) {
 138    border-top-color: currentColor;
 139  }
 140  .wp-block-table table[style*=border-right-color] > *,
 141  .wp-block-table table[style*=border-right-color] tr,
 142  .wp-block-table table[style*=border-right-color] th,
 143  .wp-block-table table[style*=border-right-color] td:last-child {
 144    border-left-color: inherit;
 145  }
 146  .wp-block-table table[style*=border-bottom-color] > *,
 147  .wp-block-table table[style*=border-bottom-color] tr:last-child {
 148    border-bottom-color: inherit;
 149  }
 150  .wp-block-table table[style*=border-bottom-color] > * th,
 151  .wp-block-table table[style*=border-bottom-color] > * td,
 152  .wp-block-table table[style*=border-bottom-color] tr:last-child th,
 153  .wp-block-table table[style*=border-bottom-color] tr:last-child td {
 154    border-bottom-color: inherit;
 155  }
 156  .wp-block-table table[style*=border-bottom-color] tr:not(:last-child) {
 157    border-bottom-color: currentColor;
 158  }
 159  .wp-block-table table[style*=border-left-color] > *,
 160  .wp-block-table table[style*=border-left-color] tr,
 161  .wp-block-table table[style*=border-left-color] th,
 162  .wp-block-table table[style*=border-left-color] td:first-child {
 163    border-right-color: inherit;
 164  }
 165  .wp-block-table table[style*=border-style] > *,
 166  .wp-block-table table[style*=border-style] tr,
 167  .wp-block-table table[style*=border-style] th,
 168  .wp-block-table table[style*=border-style] td {
 169    border-style: inherit;
 170  }
 171  .wp-block-table table[style*=border-width] > *,
 172  .wp-block-table table[style*=border-width] tr,
 173  .wp-block-table table[style*=border-width] th,
 174  .wp-block-table table[style*=border-width] td {
 175    border-width: inherit;
 176    border-style: inherit;
 177  }