[Summary view] [Print] [Text view]

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