[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  .block-editor-block-list__block[data-type="core/spacer"]::before {
  47    content: "";
  48    display: block;
  49    position: absolute;
  50    z-index: 1;
  51    width: 100%;
  52    min-height: 8px;
  53    min-width: 8px;
  54    height: 100%;
  55  }
  56  
  57  .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
  58  .block-library-spacer__resize-container.has-show-handle,
  59  .wp-block-spacer.is-selected.custom-sizes-disabled {
  60    background: rgba(0, 0, 0, 0.1);
  61  }
  62  .is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,
  63  .is-dark-theme .block-library-spacer__resize-container.has-show-handle,
  64  .is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled {
  65    background: rgba(255, 255, 255, 0.15);
  66  }
  67  
  68  .block-library-spacer__resize-container {
  69    clear: both;
  70  }
  71  .block-library-spacer__resize-container:not(.is-resizing) {
  72    height: 100% !important;
  73    width: 100% !important;
  74  }
  75  .block-library-spacer__resize-container .components-resizable-box__handle::before {
  76    content: none;
  77  }
  78  .block-library-spacer__resize-container.resize-horizontal {
  79    margin-bottom: 0;
  80    height: 100% !important;
  81  }