| :root :where(figure.wp-block-gallery){ |
| display:block; |
| } |
| :root :where(figure.wp-block-gallery)>.blocks-gallery-caption{ |
| flex:0 0 100%; |
| } |
| :root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{ |
| flex-basis:100%; |
| } |
| :root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{ |
| display:block; |
| } |
| :root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{ |
| margin:4px 0; |
| } |
| :root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{ |
| position:absolute; |
| right:5px; |
| top:0; |
| } |
| :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{ |
| display:none; |
| } |
| :root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ |
| margin-bottom:0; |
| } |
| :root :where(figure.wp-block-gallery) .block-editor-media-placeholder{ |
| margin:0; |
| } |
| :root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{ |
| display:flex; |
| } |
| :root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{ |
| z-index:2; |
| } |
| :root :where(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 #0000; |
| 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 #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; |
| } |
| @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; |
| } |