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


Generated : Fri Mar 29 08:20:02 2024 Cross-referenced by PHPXref