|
: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; |
|
} |