[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 .components-spinner {
  78    position: absolute;
  79    top: 50%;
  80    left: 50%;
  81    transform: translate(-50%, -50%);
  82    margin: 0;
  83  }
  84  .wp-block-cover .wp-block-cover__inner-container {
  85    text-align: left;
  86    margin-left: 0;
  87    margin-right: 0;
  88  }
  89  .wp-block-cover .wp-block-cover__placeholder-background-options {
  90    width: 100%;
  91  }
  92  .wp-block-cover .wp-block-cover__image--placeholder-image {
  93    position: absolute;
  94    top: 0;
  95    right: 0;
  96    bottom: 0;
  97    left: 0;
  98  }
  99  
 100  [data-align=left] > .wp-block-cover,
 101  [data-align=right] > .wp-block-cover {
 102    max-width: 420px;
 103    width: 100%;
 104  }
 105  
 106  .block-library-cover__reset-button {
 107    margin-left: auto;
 108  }
 109  
 110  .block-library-cover__resize-container {
 111    position: absolute !important;
 112    top: 0;
 113    left: 0;
 114    right: 0;
 115    bottom: 0;
 116    min-height: 50px;
 117  }
 118  
 119  .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div,
 120  .components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container {
 121    pointer-events: none;
 122    overflow: visible;
 123  }
 124  
 125  .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
 126    background-attachment: scroll;
 127  }
 128  
 129  .color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
 130    margin-top: 24px;
 131  }