[ 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  .wp-block-image .components-resizable-box__container{
  38    display:table;
  39  }
  40  .wp-block-image .components-resizable-box__container img{
  41    display:block;
  42    height:inherit;
  43    width:inherit;
  44  }
  45  
  46  .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
  47    left:0;
  48    margin:-1px 0;
  49    position:absolute;
  50    right:0;
  51  }
  52  @media (min-width:600px){
  53    .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{
  54      margin:-1px;
  55    }
  56  }
  57  
  58  [data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{
  59    height:auto;
  60    width:100%;
  61  }
  62  
  63  .wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{
  64    display:table;
  65  }
  66  .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{
  67    caption-side:bottom;
  68    display:table-caption;
  69  }
  70  
  71  .wp-block[data-align=left]>.wp-block-image{
  72    margin:.5em 1em .5em 0;
  73  }
  74  
  75  .wp-block[data-align=right]>.wp-block-image{
  76    margin:.5em 0 .5em 1em;
  77  }
  78  
  79  .wp-block[data-align=center]>.wp-block-image{
  80    margin-left:auto;
  81    margin-right:auto;
  82    text-align:center;
  83  }
  84  
  85  .wp-block[data-align]:has(>.wp-block-image){
  86    position:relative;
  87  }
  88  
  89  .wp-block-image__crop-area{
  90    max-width:100%;
  91    overflow:hidden;
  92    position:relative;
  93    width:100%;
  94  }
  95  .wp-block-image__crop-area .reactEasyCrop_Container{
  96    pointer-events:auto;
  97  }
  98  .wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{
  99    border:none;
 100    border-radius:0;
 101  }
 102  
 103  .wp-block-image__crop-icon{
 104    align-items:center;
 105    display:flex;
 106    justify-content:center;
 107    min-width:48px;
 108    padding:0 8px;
 109  }
 110  .wp-block-image__crop-icon svg{
 111    fill:currentColor;
 112  }
 113  
 114  .wp-block-image__zoom .components-popover__content{
 115    min-width:260px;
 116    overflow:visible !important;
 117  }
 118  
 119  .wp-block-image__toolbar_content_textarea{
 120    width:250px;
 121  }


Generated : Thu Nov 21 08:20:01 2024 Cross-referenced by PHPXref