figure.wp-block-gallery{ display:block; } figure.wp-block-gallery>.blocks-gallery-caption{ flex:0 0 100%; } figure.wp-block-gallery>.blocks-gallery-media-placeholder-wrapper{ flex-basis:100%; } figure.wp-block-gallery .wp-block-image .components-notice.is-error{ display:block; } figure.wp-block-gallery .wp-block-image .components-notice__content{ margin:4px 0; } figure.wp-block-gallery .wp-block-image .components-notice__dismiss{ position:absolute; right:5px; top:0; } figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{ display:none; } figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ margin-bottom:0; } figure.wp-block-gallery .block-editor-media-placeholder{ margin:0; } figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label{ display:flex; } figure.wp-block-gallery .block-editor-media-placeholder figcaption{ z-index:2; } figure.wp-block-gallery .components-spinner{ left:50%; margin-left:-9px; margin-top:-9px; position:absolute; top:50%; } .gallery-settings-buttons .components-button:first-child{ margin-right:8px; } .gallery-image-sizes .components-base-control__label{ display:block; margin-bottom:4px; } .gallery-image-sizes .gallery-image-sizes__loading{ align-items:center; color:#757575; display:flex; font-size:12px; } .gallery-image-sizes .components-spinner{ margin:0 8px 0 4px; } .blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ outline:none; } .blocks-gallery-item figure.is-selected:before{ bottom:0; box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; content:""; left:0; outline:2px solid transparent; pointer-events:none; position:absolute; right:0; top:0; z-index:1; } .blocks-gallery-item figure.is-transient img{ opacity:.3; } .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ display:inline-flex; } .blocks-gallery-item .block-editor-media-placeholder{ height:100%; margin:0; } .blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ display:flex; } .block-library-gallery-item__inline-menu{ background:#fff; border:1px solid #1e1e1e; border-radius:2px; display:none; margin:8px; position:absolute; top:-2px; transition:box-shadow .2s ease-out; z-index:20; } @media (prefers-reduced-motion:reduce){ .block-library-gallery-item__inline-menu{ transition-delay:0s; transition-duration:0s; } } .block-library-gallery-item__inline-menu:hover{ box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1); } @media (min-width:600px){ .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ padding:2px; } } .block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ border:none; box-shadow:none; } @media (min-width:600px){ .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ height:inherit; padding:0; width:inherit; } } .block-library-gallery-item__inline-menu.is-left{ left:-2px; } .block-library-gallery-item__inline-menu.is-right{ right:-2px; } .wp-block-gallery ul.blocks-gallery-grid{ margin:0; padding:0; } @media (min-width:600px){ .wp-block-update-gallery-modal{ max-width:480px; } } .wp-block-update-gallery-modal-buttons{ display:flex; gap:12px; justify-content:flex-end; }