[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  .block-editor-format-toolbar__image-popover {
  47    z-index: 159990;
  48  }
  49  .block-editor-format-toolbar__image-popover .block-editor-format-toolbar__image-container-content {
  50    width: 260px;
  51    padding: 16px;
  52  }
  53  
  54  .block-editor-format-toolbar__link-container-content {
  55    display: flex;
  56    align-items: center;
  57  }
  58  
  59  .block-editor-format-toolbar__link-container-value {
  60    margin: 7px;
  61    flex-grow: 1;
  62    flex-shrink: 1;
  63    overflow: hidden;
  64    text-overflow: ellipsis;
  65    white-space: nowrap;
  66    min-width: 150px;
  67    max-width: 500px;
  68  }
  69  .block-editor-format-toolbar__link-container-value.has-invalid-link {
  70    color: #cc1818;
  71  }
  72  
  73  .format-library__inline-color-popover [role=tabpanel] {
  74    padding: 16px;
  75    width: 260px;
  76  }
  77  
  78  .block-editor-format-toolbar__language-popover .components-popover__content {
  79    width: auto;
  80    padding: 1rem;
  81  }
  82  
  83  .block-editor-format-toolbar__math-input {
  84    /*rtl:ignore*/
  85    direction: ltr;
  86  }