[Summary view] [Print] [Text view]

   1  /**
   2   * SCSS Variables.
   3   *
   4   * Please use variables from this sheet to ensure consistency across the UI.
   5   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   6   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
   7   */
   8  /**
   9   * Colors
  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-cover.is-placeholder {
  47    padding: 0 !important;
  48    display: flex;
  49    align-items: stretch;
  50    min-height: 240px;
  51  }
  52  .wp-block-cover.is-placeholder .components-placeholder.is-large {
  53    justify-content: flex-start;
  54    z-index: 1;
  55  }
  56  .wp-block-cover.is-placeholder:focus::after {
  57    min-height: auto;
  58  }
  59  .wp-block-cover.components-placeholder h2 {
  60    color: inherit;
  61  }
  62  .wp-block-cover.is-transient {
  63    position: relative;
  64  }
  65  .wp-block-cover.is-transient::before {
  66    background-color: #fff;
  67    content: "";
  68    height: 100%;
  69    opacity: 0.3;
  70    position: absolute;
  71    width: 100%;
  72    z-index: 1;
  73  }
  74  .wp-block-cover.is-transient .wp-block-cover__inner-container {
  75    z-index: 2;
  76  }
  77  .wp-block-cover.is-transient .components-spinner {
  78    z-index: 3;
  79  }
  80  .wp-block-cover .components-spinner {
  81    position: absolute;
  82    top: 50%;
  83    left: 50%;
  84    transform: translate(-50%, -50%);
  85    margin: 0;
  86  }
  87  .wp-block-cover .wp-block-cover__inner-container {
  88    text-align: left;
  89    margin-left: 0;
  90    margin-right: 0;
  91  }
  92  .wp-block-cover .wp-block-cover__placeholder-background-options {
  93    width: 100%;
  94  }
  95  .wp-block-cover .wp-block-cover__image--placeholder-image {
  96    position: absolute;
  97    top: 0;
  98    right: 0;
  99    bottom: 0;
 100    left: 0;
 101  }
 102  
 103  [data-align=left] > .wp-block-cover,
 104  [data-align=right] > .wp-block-cover {
 105    max-width: 420px;
 106    width: 100%;
 107  }
 108  
 109  .block-library-cover__reset-button {
 110    margin-left: auto;
 111  }
 112  
 113  .block-library-cover__resize-container {
 114    position: absolute !important;
 115    top: 0;
 116    left: 0;
 117    right: 0;
 118    bottom: 0;
 119    min-height: 50px;
 120  }
 121  
 122  .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div,
 123  .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container {
 124    pointer-events: none;
 125    overflow: visible;
 126  }
 127  
 128  .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
 129    background-attachment: scroll;
 130  }
 131  
 132  .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
 133    margin-top: 24px;
 134  }