[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

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

   1  figure.wp-block-gallery{
   2    display:block;
   3  }
   4  figure.wp-block-gallery>.blocks-gallery-caption{
   5    flex:0 0 100%;
   6  }
   7  figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{
   8    flex-basis:100%;
   9  }
  10  figure.wp-block-gallery .wp-block-image .components-notice.is-error{
  11    display:block;
  12  }
  13  figure.wp-block-gallery .wp-block-image .components-notice__content{
  14    margin:4px 0;
  15  }
  16  figure.wp-block-gallery .wp-block-image .components-notice__dismiss{
  17    position:absolute;
  18    right:5px;
  19    top:0;
  20  }
  21  figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{
  22    display:none;
  23  }
  24  figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{
  25    margin-bottom:0;
  26  }
  27  figure.wp-block-gallery .block-editor-media-placeholder{
  28    margin:0;
  29  }
  30  figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{
  31    display:flex;
  32  }
  33  figure.wp-block-gallery .block-editor-media-placeholder figcaption{
  34    z-index:2;
  35  }
  36  figure.wp-block-gallery .components-spinner{
  37    left:50%;
  38    margin-left:-9px;
  39    margin-top:-9px;
  40    position:absolute;
  41    top:50%;
  42  }
  43  .gallery-settings-buttons .components-button:first-child{
  44    margin-right:8px;
  45  }
  46  
  47  .gallery-image-sizes .components-base-control__label{
  48    display:block;
  49    margin-bottom:4px;
  50  }
  51  .gallery-image-sizes .gallery-image-sizes__loading{
  52    align-items:center;
  53    color:#757575;
  54    display:flex;
  55    font-size:12px;
  56  }
  57  .gallery-image-sizes .components-spinner{
  58    margin:0 8px 0 4px;
  59  }
  60  .blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{
  61    outline:none;
  62  }
  63  .blocks-gallery-item figure.is-selected:before{
  64    bottom:0;
  65    box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset;
  66    content:"";
  67    left:0;
  68    outline:2px solid #0000;
  69    pointer-events:none;
  70    position:absolute;
  71    right:0;
  72    top:0;
  73    z-index:1;
  74  }
  75  .blocks-gallery-item figure.is-transient img{
  76    opacity:.3;
  77  }
  78  .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{
  79    display:inline-flex;
  80  }
  81  .blocks-gallery-item .block-editor-media-placeholder{
  82    height:100%;
  83    margin:0;
  84  }
  85  .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{
  86    display:flex;
  87  }
  88  
  89  .block-library-gallery-item__inline-menu{
  90    background:#fff;
  91    border:1px solid #1e1e1e;
  92    border-radius:2px;
  93    display:none;
  94    margin:8px;
  95    position:absolute;
  96    top:-2px;
  97    transition:box-shadow .2s ease-out;
  98    z-index:20;
  99  }
 100  @media (prefers-reduced-motion:reduce){
 101    .block-library-gallery-item__inline-menu{
 102      transition-delay:0s;
 103      transition-duration:0s;
 104    }
 105  }
 106  .block-library-gallery-item__inline-menu:hover{
 107    box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a;
 108  }
 109  @media (min-width:600px){
 110    .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{
 111      padding:2px;
 112    }
 113  }
 114  .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){
 115    border:none;
 116    box-shadow:none;
 117  }
 118  @media (min-width:600px){
 119    .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{
 120      height:inherit;
 121      padding:0;
 122      width:inherit;
 123    }
 124  }
 125  .block-library-gallery-item__inline-menu.is-left{
 126    left:-2px;
 127  }
 128  .block-library-gallery-item__inline-menu.is-right{
 129    right:-2px;
 130  }
 131  
 132  .wp-block-gallery ul.blocks-gallery-grid{
 133    margin:0;
 134    padding:0;
 135  }
 136  
 137  @media (min-width:600px){
 138    .wp-block-update-gallery-modal{
 139      max-width:480px;
 140    }
 141  }
 142  
 143  .wp-block-update-gallery-modal-buttons{
 144    display:flex;
 145    gap:12px;
 146    justify-content:flex-end;
 147  }


Generated : Thu Mar 28 08:20:01 2024 Cross-referenced by PHPXref