[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/blocks/image/ -> editor.css (source)

   1  .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small{
   2    min-height:60px;
   3  }
   4  
   5  figure.wp-block-image:not(.wp-block){
   6    margin:0;
   7  }
   8  
   9  .wp-block-image{
  10    position:relative;
  11  }
  12  .wp-block-image .is-applying img,.wp-block-image.is-transient img{
  13    opacity:.3;
  14  }
  15  .wp-block-image figcaption img{
  16    display:inline;
  17  }
  18  .wp-block-image .components-spinner{
  19    left:50%;
  20    margin:0;
  21    position:absolute;
  22    top:50%;
  23    transform:translate(-50%, -50%);
  24  }
  25  
  26  .wp-block-image__placeholder{
  27    aspect-ratio:4/3;
  28  }
  29  .wp-block-image__placeholder.has-illustration:before{
  30    background:#fff;
  31    opacity:.8;
  32  }
  33  .wp-block-image__placeholder .components-placeholder__illustration{
  34    opacity:.1;
  35  }
  36  
  37  .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
  38    left:0;
  39    margin:-1px 0;
  40    position:absolute;
  41    right:0;
  42  }
  43  @media (min-width:600px){
  44    .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
  45      margin:-1px;
  46    }
  47  }
  48  
  49  [data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
  50    height:auto;
  51    width:100%;
  52  }
  53  
  54  .wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
  55    display:table;
  56  }
  57  .wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{
  58    caption-side:bottom;
  59    display:table-caption;
  60  }
  61  
  62  .wp-block[data-align=left]>.wp-block-image{
  63    margin:.5em 1em .5em 0;
  64  }
  65  
  66  .wp-block[data-align=right]>.wp-block-image{
  67    margin:.5em 0 .5em 1em;
  68  }
  69  
  70  .wp-block[data-align=center]>.wp-block-image{
  71    margin-left:auto;
  72    margin-right:auto;
  73    text-align:center;
  74  }
  75  
  76  .wp-block[data-align]:has(>.wp-block-image){
  77    position:relative;
  78  }
  79  
  80  .wp-block-image__crop-area{
  81    max-width:100%;
  82    overflow:hidden;
  83    position:relative;
  84    width:100%;
  85  }
  86  .wp-block-image__crop-area .reactEasyCrop_Container{
  87    pointer-events:auto;
  88  }
  89  .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
  90    border:none;
  91    border-radius:0;
  92  }
  93  
  94  .wp-block-image__crop-icon{
  95    align-items:center;
  96    display:flex;
  97    justify-content:center;
  98    min-width:48px;
  99    padding:0 8px;
 100  }
 101  .wp-block-image__crop-icon svg{
 102    fill:currentColor;
 103  }
 104  
 105  .wp-block-image__zoom .components-popover__content{
 106    min-width:260px;
 107    overflow:visible !important;
 108  }
 109  
 110  .wp-block-image__toolbar_content_textarea__container{
 111    padding:8px;
 112  }
 113  
 114  .wp-block-image__toolbar_content_textarea{
 115    width:250px;
 116  }


Generated : Wed Oct 22 08:20:04 2025 Cross-referenced by PHPXref