[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[data-align=center] > .wp-block-icon {
  47    display: flex;
  48    justify-content: center;
  49  }
  50  
  51  .wp-block-icon__inserter {
  52    padding: 0 24px;
  53    margin: 0 -24px;
  54  }
  55  
  56  .wp-block-icon__inserter-header {
  57    align-items: center;
  58    display: flex;
  59    justify-content: space-between;
  60    margin-bottom: 16px;
  61  }
  62  
  63  .wp-block-icon__inserter-grid-icons-list {
  64    display: grid;
  65    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  66  }
  67  
  68  .wp-block-icon__inserter-grid-no-results {
  69    display: flex;
  70    justify-content: center;
  71  }
  72  
  73  .wp-block-icon__inserter-grid-icons-list-item {
  74    display: flex;
  75    flex-direction: column;
  76    height: auto !important;
  77  }
  78  
  79  .wp-block-icon__inserter-grid-icons-list-item-icon {
  80    padding: 12px;
  81  }
  82  
  83  .wp-block-icon__inserter-grid-icons-list-item-title {
  84    font-size: 12px;
  85    padding: 4px 4px 8px;
  86    overflow: hidden;
  87    text-overflow: ellipsis;
  88    white-space: nowrap;
  89  }
  90  
  91  .wp-block-icon__toolbar-content {
  92    width: 250px;
  93  }
  94  
  95  .wp-block-icon__placeholder {
  96    backdrop-filter: blur(100px);
  97  }