[Summary view] [Print] [Text view]

   1  /**
   2   * Editor and frontend styles for the Icon Block.
   3   */
   4  /* Icon Block styles. */
   5  .wp-block-icon {
   6    line-height: 0;
   7  }
   8  .wp-block-icon.aligncenter {
   9    display: flex;
  10    justify-content: center;
  11  }
  12  .wp-block-icon svg {
  13    box-sizing: border-box;
  14    fill: currentColor;
  15  }
  16  .wp-block-icon svg.is-flip-horizontal {
  17    transform: scaleX(-1);
  18  }
  19  .wp-block-icon svg.is-flip-vertical {
  20    transform: scaleY(-1);
  21  }
  22  .wp-block-icon svg.is-flip-horizontal.is-flip-vertical {
  23    transform: scaleX(-1) scaleY(-1);
  24  }
  25  
  26  :where(.wp-block-icon) svg {
  27    width: 100%;
  28    height: 100%;
  29  }